We're live on Product Hunt!Support us
ColorArchive

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

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
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
Hex
#F8D3DF
RGB
rgb(248, 211, 223)
HSL
hsl(340, 74%, 90%)
CMYK
cmyk(0%, 15%, 10%, 3%)
Metrics
S 74% · L 90%
Contrast (WCAG)
on white
1.4:1Fail
on black
15.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 even more recent in widespread use — most historical 'reds' that we'd now call pink were either faded cochineal or madder mixed with white lead. The classical Persian rosé and Venetian pink are old, but the cultural identity of 'pink' as its own thing is essentially a 20th-century construction.

Across cultures

Pink-as-girl is a marketing invention from the 1940s; before WWII pink was often suggested for boys ('a stronger, more decided color') and blue for girls. In Japanese culture, sakura pink carries seasonal and nostalgic weight without gender association. In Latin American culture, hot pink is a celebratory color; in much of South Asia, pink is one of the auspicious wedding palette colors. 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. The Pepto-Bismol pink is calibrated for medicine-cabinet recognizability. Wes Anderson built a career making heritage pinks (The Grand Budapest Hotel) feel deeply specific. Millennial Pink (~2014–2018) was a rebranding effort to make pink read as gender-neutral, sophisticated, and salable to adults.

How it reads

Pink reads softer and warmer than red; biologically it's still a long-wavelength color, but the white in it dampens the arousal response. 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) precisely because it stopped being 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
    →
  • Anthropicprimary
    Cream Canvas · #F0EEE6
    →

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
    →

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
Ready to build

Turn these colors into design tokens

ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.

Upgrade to ProFree downloadView collections

Related colors

More from Pink

Search
Magenta Ink Faint#262027 · hsl(290, 10%, 14%)Magenta Nocturne Faint#362E38 · hsl(290, 10%, 20%)Magenta Shadow Faint#4C404F · hsl(290, 10%, 28%)Magenta Dusk Faint#5C4E5F · hsl(290, 10%, 34%)Magenta Velvet Faint#726076 · hsl(290, 10%, 42%)Magenta Core Faint#836E87 · hsl(290, 10%, 48%)Magenta Radiant Faint#927E95 · hsl(290, 10%, 54%)Magenta Tone Faint#A08FA3 · hsl(290, 10%, 60%)