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
Mauve Pearl Clear
Color detail

Mauve Pearl Clear

Pink · Hue 305
Hex
#ECC0E9
RGB
rgb(236, 192, 233)
HSL
hsl(305, 54%, 84%)
CMYK
cmyk(0%, 19%, 1%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.6:1Fail
on black
13.3:1AA
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Mauve Pearl Clear (#ECC0E9) belongs to the pink family — hue 305°, 54% 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-mauve-pearl-clear: #ECC0E9;
  --colorarchive-mauve-pearl-clear-hsl: hsl(305, 54%, 84%);
  --colorarchive-mauve-pearl-clear-rgb: rgb(236, 192, 233);
}

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

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 the most 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 #ECC0E9.

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

  • JapanCherry Blossom (sakura 桜)
    #FBC4D0 · Prunus serrulata flower
    →
  • IcelandMidnight Sun Pink
    #F2AEB5 · Horizon light, June
    →
  • France (Paris)Lutetian Limestone
    #E5DDC8 · Paris facade stone (Haussmannian-era buildings)
    →

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
Mauve Mist Clear
#F3D8F1 · hsl(305, 54%, 90%)
Darker companion
Mauve Bloom Clear
#E3A1DD · hsl(305, 54%, 76%)
Complementary counterpoint
Emerald Pearl Clear
#C0ECC0 · hsl(120, 54%, 84%)
Analogous lead
Blush Pearl Clear
#ECC0D6 · hsl(330, 54%, 84%)
Analogous echo
Mulberry Pearl Clear
#DEC0EC · hsl(280, 54%, 84%)
Triadic +120°
Citrine Pearl Clear
#ECECC0 · hsl(60, 54%, 84%)
Triadic +240°
Aqua Pearl Clear
#C0ECEC · hsl(180, 54%, 84%)
Split-comp +150°
Lime Pearl Clear
#D6ECC0 · hsl(90, 54%, 84%)
Split-comp +210°
Jade Pearl Clear
#C0ECD6 · hsl(150, 54%, 84%)
Export preview
Base: Mauve Pearl Clear #ECC0E9
Lighter companion: Mauve Mist Clear #F3D8F1
Darker companion: Mauve Bloom Clear #E3A1DD
Complementary counterpoint: Emerald Pearl Clear #C0ECC0
Analogous lead: Blush Pearl Clear #ECC0D6
Analogous echo: Mulberry Pearl Clear #DEC0EC
Triadic +120°: Citrine Pearl Clear #ECECC0
Triadic +240°: Aqua Pearl Clear #C0ECEC
Split-comp +150°: Lime Pearl Clear #D6ECC0
Split-comp +210°: Jade Pearl Clear #C0ECD6

Compare

See how Mauve Pearl Clear compares side by side with related colors.

vsMauve Mist ClearvsMauve Bloom ClearvsEmerald Pearl ClearvsBlush Pearl ClearvsMulberry Pearl ClearvsCitrine Pearl Clear

Nearest neighbors

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

Search by hex
Nearby match
Mauve Mist Clear
#F3D8F1 · hsl(305, 54%, 90%)
Nearby match
Fuchsia Pearl Clear
#ECC0EC · hsl(300, 54%, 84%)
Nearby match
Peony Pearl Clear
#ECC0E5 · hsl(310, 54%, 84%)
Nearby match
Mauve Bloom Clear
#E3A1DD · hsl(305, 54%, 76%)
Nearby match
Mauve Whisper Clear
#F8E7F7 · hsl(305, 54%, 94%)
Nearby match
Mauve Pearl Soft
#E4C8E2 · hsl(305, 34%, 84%)

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.7:1
Emerald Nocturne Faint
#2E382E
AAA7.5:1
Emerald Nocturne Muted
#2A3C2A
AAA7.2:1
Emerald Nocturne Dust
#264026
AAA9.7:1
Emerald Ink Faint
#202720
AAA9.5:1
Emerald Ink Muted
#1D2A1D
AAA9.3:1
Emerald Ink Dust
#1A2D1A

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#DDE0DE
Protanopia
#DADAE0
Tritanopia
#EAD8D7
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%)