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 Vivid
Color detail

Garnet Mist Vivid

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

About this color

Garnet Mist Vivid (#F8D3DF) belongs to the pink family — hue 340°, 74% 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-vivid: #F8D3DF;
  --colorarchive-garnet-mist-vivid-hsl: hsl(340, 74%, 90%);
  --colorarchive-garnet-mist-vivid-rgb: rgb(248, 211, 223);
}

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

An almost luminous high-key tone — at this saturation and brightness, the color borders on neon. Use sparingly; it overpowers most companions.

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: At this saturation the color is doing work. It reads as a brand statement, a sport accessory, or a UI signal. It should be used in small, deliberate doses against quieter neighbors; large fields at this saturation will exhaust the eye.

Brands using a similar color

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

  • 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 #F8D3DF.

  • JapanCherry Blossom (sakura 桜)
    #FBC4D0 · Prunus serrulata flower
    →
  • Italy (Tuscany)Tuscan Cream
    #EDDFC6 · Travertine limestone
    →
  • EgyptLinen Cream
    #EDE0C8 · Bleached Nile flax
    →

Color guides

Go deeper on using pink and color in design.

Color HistoryMillennial Pink: What It Is, Where It Came From, and Why It Won't Go AwayColor History1950s Pastel Color Palettes: Mid-Century Mint, Coral Pink & Butter YellowAccessibilityColor Accessibility Beyond WCAG Contrast Ratios

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 Vivid
#FBE4EC · hsl(340, 74%, 94%)
Darker companion
Garnet Pearl Vivid
#F4B8CC · hsl(340, 74%, 84%)
Complementary counterpoint
Teal Mist Vivid
#D3F8EC · hsl(160, 74%, 90%)
Analogous lead
Scarlet Mist Vivid
#F8D6D3 · hsl(5, 74%, 90%)
Analogous echo
Rose Mist Vivid
#F8D3EC · hsl(320, 74%, 90%)
Triadic +120°
Moss Mist Vivid
#DFF8D3 · hsl(100, 74%, 90%)
Triadic +240°
Cobalt Mist Vivid
#D3DFF8 · hsl(220, 74%, 90%)
Split-comp +150°
Mint Mist Vivid
#D3F8D9 · hsl(130, 74%, 90%)
Split-comp +210°
Cerulean Mist Vivid
#D3F2F8 · hsl(190, 74%, 90%)
Export preview
Base: Garnet Mist Vivid #F8D3DF
Lighter companion: Garnet Whisper Vivid #FBE4EC
Darker companion: Garnet Pearl Vivid #F4B8CC
Complementary counterpoint: Teal Mist Vivid #D3F8EC
Analogous lead: Scarlet Mist Vivid #F8D6D3
Analogous echo: Rose Mist Vivid #F8D3EC
Triadic +120°: Moss Mist Vivid #DFF8D3
Triadic +240°: Cobalt Mist Vivid #D3DFF8
Split-comp +150°: Mint Mist Vivid #D3F8D9
Split-comp +210°: Cerulean Mist Vivid #D3F2F8

Compare

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

vsGarnet Whisper VividvsGarnet Pearl VividvsTeal Mist VividvsScarlet Mist VividvsRose Mist VividvsMoss Mist Vivid

Nearest neighbors

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

Search by hex
Nearby match
Garnet Whisper Vivid
#FBE4EC · hsl(340, 74%, 94%)
Nearby match
Garnet Pearl Vivid
#F4B8CC · hsl(340, 74%, 84%)
Nearby match
Garnet Mist Bright
#FBD0DE · hsl(340, 84%, 90%)
Nearby match
Garnet Veil Vivid
#FEF6F9 · hsl(340, 74%, 98%)
Nearby match
Garnet Whisper Bright
#FDE3EB · hsl(340, 84%, 94%)
Nearby match
Garnet Mist Pure
#FDCEDE · hsl(340, 92%, 90%)

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
AAA8.9:1
Teal Nocturne Faint
#2E3835
AAA8.6:1
Teal Nocturne Muted
#2A3C36
AAA8.2:1
Teal Nocturne Dust
#264037
AAA7.9:1
Teal Nocturne Soft
#224439
AAA11.2:1
Teal Ink Faint
#202725
AAA10.9:1
Teal Ink Muted
#1D2A26

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#EBEEDB
Protanopia
#E9E9DC
Tritanopia
#F6DAD9
Color of the Day

Like Garnet Mist Vivid? 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 →