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

Garnet Pearl Vivid

Pink · Hue 340
Hex
#F4B8CC
RGB
rgb(244, 184, 204)
HSL
hsl(340, 74%, 84%)
CMYK
cmyk(0%, 25%, 16%, 4%)
Metrics
S 74% · L 84%
Contrast (WCAG)
on white
1.7:1Fail
on black
12.6:1AA
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Garnet Pearl Vivid (#F4B8CC) belongs to the pink family — hue 340°, 74% saturation, 84% 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-pearl-vivid: #F4B8CC;
  --colorarchive-garnet-pearl-vivid-hsl: hsl(340, 74%, 84%);
  --colorarchive-garnet-pearl-vivid-rgb: rgb(244, 184, 204);
}

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 #F4B8CC.

  • Glossierprimary
    Glossier Pink · #F8D6CD
    →
  • Aesopneutral
    Cream Paper · #EFE4D2
    →
  • Starbucksneutral
    Warm Neutral · #D4E9E2
    →

Cultures using a similar color

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

  • JapanCherry Blossom (sakura 桜)
    #FBC4D0 · Prunus serrulata flower
    →
  • IcelandMidnight Sun Pink
    #F2AEB5 · Horizon light, June
    →
  • ScandinaviaOat Beige
    #D5C7A7 · Linseed oil-treated pine
    →

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 Mist Vivid
#F8D3DF · hsl(340, 74%, 90%)
Darker companion
Garnet Bloom Vivid
#EF95B3 · hsl(340, 74%, 76%)
Complementary counterpoint
Teal Pearl Vivid
#B8F4E0 · hsl(160, 74%, 84%)
Analogous lead
Scarlet Pearl Vivid
#F4BDB8 · hsl(5, 74%, 84%)
Analogous echo
Rose Pearl Vivid
#F4B8E0 · hsl(320, 74%, 84%)
Triadic +120°
Moss Pearl Vivid
#CCF4B8 · hsl(100, 74%, 84%)
Triadic +240°
Cobalt Pearl Vivid
#B8CCF4 · hsl(220, 74%, 84%)
Split-comp +150°
Mint Pearl Vivid
#B8F4C2 · hsl(130, 74%, 84%)
Split-comp +210°
Cerulean Pearl Vivid
#B8EAF4 · hsl(190, 74%, 84%)
Export preview
Base: Garnet Pearl Vivid #F4B8CC
Lighter companion: Garnet Mist Vivid #F8D3DF
Darker companion: Garnet Bloom Vivid #EF95B3
Complementary counterpoint: Teal Pearl Vivid #B8F4E0
Analogous lead: Scarlet Pearl Vivid #F4BDB8
Analogous echo: Rose Pearl Vivid #F4B8E0
Triadic +120°: Moss Pearl Vivid #CCF4B8
Triadic +240°: Cobalt Pearl Vivid #B8CCF4
Split-comp +150°: Mint Pearl Vivid #B8F4C2
Split-comp +210°: Cerulean Pearl Vivid #B8EAF4

Compare

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

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

Nearest neighbors

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

Search by hex
Nearby match
Garnet Mist Vivid
#F8D3DF · hsl(340, 74%, 90%)
Nearby match
Garnet Pearl Bright
#F8B4CB · hsl(340, 84%, 84%)
Nearby match
Garnet Bloom Vivid
#EF95B3 · hsl(340, 74%, 76%)
Nearby match
Garnet Whisper Vivid
#FBE4EC · hsl(340, 74%, 94%)
Nearby match
Garnet Pearl Pure
#FCB1CA · hsl(340, 92%, 84%)
Nearby match
Garnet Mist Bright
#FBD0DE · hsl(340, 84%, 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
AAA7.3:1
Teal Nocturne Faint
#2E3835
AAA7:1
Teal Nocturne Muted
#2A3C36
AAA9.1:1
Teal Ink Faint
#202725
AAA8.9:1
Teal Ink Muted
#1D2A26
AAA8.7:1
Teal Ink Dust
#1A2D27
AAA8.4:1
Teal Ink Soft
#183028

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#E0E4C6
Protanopia
#DDDCC7
Tritanopia
#F1C4C3
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%)