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

Orchid Pearl Vivid

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

About this color

Orchid Pearl Vivid (#CCB8F4) belongs to the purple family — hue 260°, 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-orchid-pearl-vivid: #CCB8F4;
  --colorarchive-orchid-pearl-vivid-hsl: hsl(260, 74%, 84%);
  --colorarchive-orchid-pearl-vivid-rgb: rgb(204, 184, 244);
}

AI Color Names

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

Design Context

MysticalCreativeGentle
Common in

Skincare · Meditation · Indie Music

Pairs well with

Soft gold for elegance, mint for freshness, warm white for purity

Design tip

Use for creative and wellness brands. Light purple backgrounds create a dreamy, contemplative atmosphere.

Cultural context ▶

Lavender and lilac represent spirituality, creativity, and gentleness. Associated with aromatherapy and mindfulness.

Color Origins

Purple family

The color of empire, twilight, and tech-luxury.

Heritage

Tyrian purple, extracted from the murex snail in Phoenicia, took 12,000 snails to dye one toga and was the literal definition of expense — Roman law restricted who could wear it. Mauve, the world's first synthetic dye, was discovered by accident in 1856 by an 18-year-old chemistry student trying to make quinine — the discovery launched the chemical-dye industry that funded the modern pharmaceutical industry. Quinacridone violet is the modern fade-resistant standard.

Across cultures

In Catholic liturgy purple marks Lent and Advent — penance and preparation. In Japan murasaki (a deep violet) was the highest court color in the Heian period; The Tale of Genji's Lady Murasaki takes her name from it. In Thailand purple is the mourning color for widows. Across Western culture purple is associated with royalty (because of Tyrian's cost), creativity (because of its rarity), and from the 1960s onward with rock and psychedelia.

In the wild

Cadbury's purple has been trademarked since 2008 (and hard-fought in court). Yahoo, Twitch, Discord, and Linear all use saturated purples as primary brand colors — the choice signals creative-tech where blue would signal corporate-tech. Prince's purple was so associated with him that his estate has trademark issues with the broader color. Stripe's signature indigo (#635BFF) helped redefine fintech away from trust-blue. The Lakers, the Vikings, and most NBA teams' second jerseys use purple to claim a color lane that no other major team owns.

How it reads

Purple sits at the boundary of warm and cool — biologically, our eyes process it as a blend rather than a single hue, which is why it can feel slightly unstable or magical. It reads as premium, creative, slightly counterculture. Light purples (lavender, lilac) read as gentle and feminine in Western convention. Saturated purples read as luxurious, electronic, or theatrical. Deep purples read as nocturnal, regal, or somber. It is one of the colors most commonly avoided by traditional finance and most embraced by creative tools.

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

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

Cultures using a similar color

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

  • ScandinaviaIittala Blue
    #A6CEDB · Aalto vase glassware (1936-)
    →
  • JapanCherry Blossom (sakura 桜)
    #FBC4D0 · Prunus serrulata flower
    →
  • IcelandMidnight Sun Pink
    #F2AEB5 · Horizon light, June
    →

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
Orchid Mist Vivid
#DFD3F8 · hsl(260, 74%, 90%)
Darker companion
Orchid Bloom Vivid
#B395EF · hsl(260, 74%, 76%)
Complementary counterpoint
Olive Pearl Vivid
#E0F4B8 · hsl(80, 74%, 84%)
Analogous lead
Mulberry Pearl Vivid
#E0B8F4 · hsl(280, 74%, 84%)
Analogous echo
Iris Pearl Vivid
#B8B8F4 · hsl(240, 74%, 84%)
Triadic +120°
Ember Pearl Vivid
#F4CCB8 · hsl(20, 74%, 84%)
Triadic +240°
Seafoam Pearl Vivid
#B8F4CC · hsl(140, 74%, 84%)
Split-comp +150°
Amber Pearl Vivid
#F4EAB8 · hsl(50, 74%, 84%)
Split-comp +210°
Leaf Pearl Vivid
#C2F4B8 · hsl(110, 74%, 84%)
Export preview
Base: Orchid Pearl Vivid #CCB8F4
Lighter companion: Orchid Mist Vivid #DFD3F8
Darker companion: Orchid Bloom Vivid #B395EF
Complementary counterpoint: Olive Pearl Vivid #E0F4B8
Analogous lead: Mulberry Pearl Vivid #E0B8F4
Analogous echo: Iris Pearl Vivid #B8B8F4
Triadic +120°: Ember Pearl Vivid #F4CCB8
Triadic +240°: Seafoam Pearl Vivid #B8F4CC
Split-comp +150°: Amber Pearl Vivid #F4EAB8
Split-comp +210°: Leaf Pearl Vivid #C2F4B8

Compare

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

vsOrchid Mist VividvsOrchid Bloom VividvsOlive Pearl VividvsMulberry Pearl VividvsIris Pearl VividvsEmber Pearl Vivid

Nearest neighbors

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

Search by hex
Nearby match
Orchid Mist Vivid
#DFD3F8 · hsl(260, 74%, 90%)
Nearby match
Orchid Pearl Bright
#CBB4F8 · hsl(260, 84%, 84%)
Nearby match
Orchid Bloom Vivid
#B395EF · hsl(260, 74%, 76%)
Nearby match
Orchid Whisper Vivid
#ECE4FB · hsl(260, 74%, 94%)
Nearby match
Orchid Pearl Pure
#CAB1FC · hsl(260, 92%, 84%)
Nearby match
Orchid Mist Bright
#DED0FB · hsl(260, 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
AAA8.4:1
Olive Ink Faint
#252720
AAA8.2:1
Olive Ink Muted
#262A1D
AAA7.9:1
Olive Ink Dust
#272D1A
AAA7.7:1
Olive Ink Soft
#283018
AAA7.1:1
Olive Ink Clear
#2A3710
AAA8.4:1
Chartreuse Ink Faint
#252720

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#C5C6E4
Protanopia
#C4C3E7
Tritanopia
#CBDDDA
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 Purple

Search
Violet Ink Faint#212027 · hsl(250, 10%, 14%)Violet Nocturne Faint#302E38 · hsl(250, 10%, 20%)Violet Shadow Faint#43404F · hsl(250, 10%, 28%)Violet Dusk Faint#514E5F · hsl(250, 10%, 34%)Violet Velvet Faint#646076 · hsl(250, 10%, 42%)Violet Core Faint#726E87 · hsl(250, 10%, 48%)Violet Radiant Faint#827E95 · hsl(250, 10%, 54%)Violet Tone Faint#928FA3 · hsl(250, 10%, 60%)