← Back to Editor

#CEB1C2 · #D9C1D2 · #EEDDE8 · #F9EAEF · #FEF3F7

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CEB1C2

Mauve · Silver · Rose Pink

HEX
#CEB1C2
RGB
rgb(206, 177, 194)
HSL
hsl(325, 23%, 75%)
HSB
hsb(325, 14%, 81%)
CMYK
cmyk(0%, 14%, 6%, 19%)
Oklch
oklch(79.1% 0.040 342.0)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#D9C1D2

Mauve · LightGray · Lilac Purple

HEX
#D9C1D2
RGB
rgb(217, 193, 210)
HSL
hsl(318, 24%, 80%)
HSB
hsb(318, 11%, 85%)
CMYK
cmyk(0%, 11%, 3%, 15%)
Oklch
oklch(83.6% 0.035 336.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#EEDDE8

Mauve · Lavender · Cherry Blossom

HEX
#EEDDE8
RGB
rgb(238, 221, 232)
HSL
hsl(321, 33%, 90%)
HSB
hsb(321, 7%, 93%)
CMYK
cmyk(0%, 7%, 3%, 7%)
Oklch
oklch(91.4% 0.024 338.6)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#F9EAEF

Rouge · Linen · Cherry Blossom

HEX
#F9EAEF
RGB
rgb(249, 234, 239)
HSL
hsl(340, 56%, 95%)
HSB
hsb(340, 6%, 98%)
CMYK
cmyk(0%, 6%, 4%, 2%)
Oklch
oklch(95.0% 0.017 355.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FEF3F7

Rouge · Snow · Cherry Blossom

HEX
#FEF3F7
RGB
rgb(254, 243, 247)
HSL
hsl(338, 85%, 97%)
HSB
hsb(338, 4%, 100%)
CMYK
cmyk(0%, 4%, 3%, 0%)
Oklch
oklch(97.4% 0.013 353.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEB1C2
B1CEBD

Analogous

CBB1CE
CEB1C2
CEB1B3

Triadic

CEB1C2
C2CEB1
B1C2CE

Split-Comp.

CEB1C2
B3CEB1
B1CECB

Tetradic

CEB1C2
CECBB1
B1CEBD
B1B3CE

Contrast Matrix WCAG 2.1 Contrast

CEB1C2
D9C1D2
EEDDE8
F9EAEF
FEF3F7
—
1.2
Fail
1.5
Fail
1.7
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.8
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
White BG
2.0Fail
1.7Fail
1.3Fail
1.2Fail
1.1Fail
Black BG
10.7AAA
12.5AAA
16.1AAA
18.0AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1BE
CFCECE
E7E6E5
F3F2EE
F9F9F6

Deuteranopia

C3C5BD
D0D2CD
E8E9E5
F3F5EE
FAFBF6

Tritanopia

CDBBBA
D8CBCA
EDE3E3
F8EDED
FDF5F5

Achromatopsia

BCBCBC
CACACA
E3E3E3
EFEFEF
F7F7F7

Shades & Tints Shades & Tints

#CEB1C2

Dark
Light

#D9C1D2

Dark
Light

#EEDDE8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceb1c2;
  --color-2: #d9c1d2;
  --color-3: #eedde8;
  --color-4: #f9eaef;
  --color-5: #fef3f7;
}

SCSS

$color-1: #ceb1c2;
$color-2: #d9c1d2;
$color-3: #eedde8;
$color-4: #f9eaef;
$color-5: #fef3f7;

TAILWIND

colors: {
  'brand-1': '#ceb1c2',
  'brand-2': '#d9c1d2',
  'brand-3': '#eedde8',
  'brand-4': '#f9eaef',
  'brand-5': '#fef3f7',
}

RGB Array

[206, 177, 194], [217, 193, 210], [238, 221, 232], [249, 234, 239], [254, 243, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEB1C2, #D9C1D2, #EEDDE8, #F9EAEF, #FEF3F7 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ceb1c2; --color-2: #d9c1d2; --color-3: #eedde8; --color-4: #f9eaef; --color-5: #fef3f7. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color