We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Garnet Mist Clear
Color detail

Garnet Mist Clear

Pink · Hue 340
Metrics
S 54% · L 90%
Contrast (WCAG)
on white1.3:1Failon black15.7:1AA
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Garnet Mist Clear (#F3D8E1) belongs to the pink family — hue 340°, 54% saturation, 90% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.

CSS
:root {
  --colorarchive-garnet-mist-clear: #F3D8E1;
  --colorarchive-garnet-mist-clear-hsl: hsl(340, 54%, 90%);
  --colorarchive-garnet-mist-clear-rgb: rgb(243, 216, 225);
}

AI Color Names

Let AI suggest alternative poetic names for this color in English and Chinese.

Design Context

SweetNurturingPlayful
Common in

Beauty · Children's Fashion · Dessert Brands

Pairs well with

Mint green for freshness, soft gold for warmth, light gray for sophistication

Design tip

Use for friendly, approachable interfaces. Millennial pink became a design movement — it still works for brands targeting warmth.

Cultural context ▶

Soft pink represents nurturing, innocence, and sweetness. Modern brands have reclaimed it as a gender-neutral color of kindness.

Color Origins

Pink family

From cheap cosmetic to feminist reclamation to gender-neutral comeback.

Heritage

Pink, as a named color, is recent in English (only since the late 17th century, originally referring to the Dianthus flower). The hue itself is much older — Renaissance painters mixed it for flesh tones, and by the late 18th century it was a fashionable color across Europe. Many of pink's modern associations, though, are a 20th-century construction.

Across cultures

Pink-as-girl only became firmly established in the US in the 1940s; before then some advice even suggested pink for boys ('a more decided and stronger color') and blue for girls, though how common that was is disputed. In Japanese culture, sakura pink carries seasonal and nostalgic weight. In Mexico, hot pink (rosa mexicano) is considered part of the national identity; in India, pink has become a popular bridal choice alongside traditional red. The Pink Triangle was reclaimed from a Nazi badge into a 1970s LGBTQ+ symbol.

In the wild

T-Mobile's magenta is a hard-trademarked, hard-defended brand color. Barbie pink (Pantone 219 C) became its own cultural force in 2023. Owens Corning trademarked the color of its insulation. Pepto-Bismol's pink is instantly recognizable, though nobody is sure why it was first chosen. Wes Anderson made heritage pinks feel deeply specific in The Grand Budapest Hotel. Millennial Pink (named in 2016) was a trend that recast pink as gender-neutral, sophisticated, and salable to adults.

How it reads

Pink reads softer and warmer than red; the white in it takes the edge off red's intensity. Light pinks (blush, dusty rose) read as romantic, gentle, premium-feminine. Hot pinks read as energetic, queer-coded, or counterculture. Salmon and coral pinks read as healthy, beachy, or hospitality-friendly. Pink is having a sustained moment in adult-targeted brand design (skincare, DTC, beverage) now that it is no longer read as exclusively a children's color.

This particular tone

A bright, airy reading of the hue — clean and approachable, the kind of color that holds up well in product photography and on light backgrounds.

Lightness band: At this lightness the hue almost recedes into the surface around it — useful for backgrounds, hover states, and any surface where the color should suggest a mood without competing with content.

Saturation band: The clear, mid-saturation register is a common identity sweet spot — saturated enough to register as a 'real' color, restrained enough not to fight typography or photography placed over it.

Brands using a similar color

Within the public brand-guidelines reference catalog, these are the closest matches to #F3D8E1.

  • Glossierprimary
    Glossier Pink · #F8D6CD
    →
  • Aesopneutral
    Cream Paper · #EFE4D2
    →
  • Anthropicneutral
    Light Gray · #E8E6DC
    →

Cultures using a similar color

From the cultural-palette catalog, these regions feature a color close to #F3D8E1.

  • IcelandLopapeysa Cream
    #E8DFCC · Undyed Icelandic sheep wool
    →
  • Korea (Obangsaek)Hanji Cream
    #EAE0CB · Mulberry-fiber Korean paper
    →
  • EgyptLinen Cream
    #EDE0C8 · Bleached Nile flax
    →

Color guides

Go deeper on using pink and color in design.

Color History1950s Pastel Color Palettes: Mid-Century Mint, Coral Pink & Butter YellowColor HistoryMillennial Pink: What It Is, Where It Came From, and Why It Won't Go AwayColor SystemsHow to Choose Colors for Dark Mode: A Complete System Design Guide

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion
Garnet Whisper Clear
#F8E7ED · hsl(340, 54%, 94%)
Darker companion
Garnet Pearl Clear
#ECC0CF · hsl(340, 54%, 84%)
Complementary counterpoint
Teal Mist Clear
#D8F3EA · hsl(160, 54%, 90%)
Analogous lead
Scarlet Mist Clear
#F3DAD8 · hsl(5, 54%, 90%)
Analogous echo
Rose Mist Clear
#F3D8EA · hsl(320, 54%, 90%)
Triadic +120°
Moss Mist Clear
#E1F3D8 · hsl(100, 54%, 90%)
Triadic +240°
Cobalt Mist Clear
#D8E1F3 · hsl(220, 54%, 90%)
Split-comp +150°
Mint Mist Clear
#D8F3DC · hsl(130, 54%, 90%)
Split-comp +210°
Cerulean Mist Clear
#D8EFF3 · hsl(190, 54%, 90%)
Export preview
Base: Garnet Mist Clear #F3D8E1
Lighter companion: Garnet Whisper Clear #F8E7ED
Darker companion: Garnet Pearl Clear #ECC0CF
Complementary counterpoint: Teal Mist Clear #D8F3EA
Analogous lead: Scarlet Mist Clear #F3DAD8
Analogous echo: Rose Mist Clear #F3D8EA
Triadic +120°: Moss Mist Clear #E1F3D8
Triadic +240°: Cobalt Mist Clear #D8E1F3
Split-comp +150°: Mint Mist Clear #D8F3DC
Split-comp +210°: Cerulean Mist Clear #D8EFF3

Compare

See how Garnet Mist Clear compares side by side with related colors.

vsGarnet Whisper ClearvsGarnet Pearl ClearvsTeal Mist ClearvsScarlet Mist ClearvsRose Mist ClearvsMoss Mist Clear

Nearest neighbors

The closest archive matches by hue, saturation, and lightness.

Search by hex
Nearby match
Garnet Whisper Clear
#F8E7ED · hsl(340, 54%, 94%)
Nearby match
Garnet Pearl Clear
#ECC0CF · hsl(340, 54%, 84%)
Nearby match
Garnet Veil Clear
#FDF7F9 · hsl(340, 54%, 98%)
Nearby match
Garnet Mist Soft
#EEDDE3 · hsl(340, 34%, 90%)
Nearby match
Garnet Mist Vivid
#F8D3DF · hsl(340, 74%, 90%)
Nearby match
Garnet Bloom Clear
#E3A1B7 · hsl(340, 54%, 76%)

Accessible pairings

Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.

Contrast checker
AAA9.1:1
Teal Nocturne Faint
#2E3835
AAA8.7:1
Teal Nocturne Muted
#2A3C36
AAA8.4:1
Teal Nocturne Dust
#264037
AAA8:1
Teal Nocturne Soft
#224439
AAA7.1:1
Teal Nocturne Clear
#174F3C
AAA11.4:1
Teal Ink Faint
#202725

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#E9EBDE
Protanopia
#E8E8DF
Tritanopia
#F2DDDD
Color of the Day

Like Garnet Mist Clear? Get one like it every morning.

One hand-picked color a day — with its hex, family, and the story behind it.

Get a color every morning

One email per day. Unsubscribe anytime.

Ready to build

Turn these colors into design tokens

Copy the CSS variables and the Tailwind class free, right here. ColorArchive Pro lifts the daily export limit — 10 a day signed in, 3 without an account.

Upgrade to ProFree downloadView collections

Saturation ladder

Same hue and lightness, from gray to pure

Search
Garnet Mist Faint#E8E3E5 · hsl(340, 10%, 90%)Garnet Mist Muted#EAE1E4 · hsl(340, 18%, 90%)Garnet Mist Dust#ECDFE3 · hsl(340, 26%, 90%)Garnet Mist Soft#EEDDE3 · hsl(340, 34%, 90%)Garnet Mist Clear#F3D8E1 · hsl(340, 54%, 90%)Garnet Mist Vivid#F8D3DF · hsl(340, 74%, 90%)Garnet Mist Bright#FBD0DE · hsl(340, 84%, 90%)Garnet Mist Pure#FDCEDE · hsl(340, 92%, 90%)
More from Pink →