← Back to Editor

#E8B69E · #CDA4A3 · #B895C2 · #C8BECF · #D9D9D9

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

#E8B69E

Apricot · BurlyWood · Peach Orange

HEX
#E8B69E
RGB
rgb(232, 182, 158)
HSL
hsl(19, 62%, 76%)
HSB
hsb(19, 32%, 91%)
CMYK
cmyk(0%, 22%, 32%, 9%)
Oklch
oklch(81.5% 0.067 46.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CDA4A3

Peach Pink · Tan · Coral Red

HEX
#CDA4A3
RGB
rgb(205, 164, 163)
HSL
hsl(1, 30%, 72%)
HSB
hsb(1, 20%, 80%)
CMYK
cmyk(0%, 20%, 20%, 20%)
Oklch
oklch(75.6% 0.049 19.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B895C2

Lilac · DarkGray · Lilac Purple

HEX
#B895C2
RGB
rgb(184, 149, 194)
HSL
hsl(287, 27%, 67%)
HSB
hsb(287, 23%, 76%)
CMYK
cmyk(5%, 23%, 0%, 24%)
Oklch
oklch(71.7% 0.075 318.6)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C8BECF

Lilac · Silver · Lilac Purple

HEX
#C8BECF
RGB
rgb(200, 190, 207)
HSL
hsl(275, 15%, 78%)
HSB
hsb(275, 8%, 81%)
CMYK
cmyk(3%, 8%, 0%, 19%)
Oklch
oklch(81.5% 0.026 311.7)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#D9D9D9

Silver Gray · LightGray · Pearl Gray

HEX
#D9D9D9
RGB
rgb(217, 217, 217)
HSL
hsl(0, 0%, 85%)
HSB
hsb(0, 0%, 85%)
CMYK
cmyk(0%, 0%, 0%, 15%)
Oklch
oklch(88.5% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8B69E
9CD0E8

Analogous

E89CAA
E8B69E
E8DA9C

Triadic

E8B69E
9CE8B4
B49CE8

Split-Comp.

E8B69E
9CE8DA
9CAAE8

Tetradic

E8B69E
AAE89C
9CD0E8
DA9CE8

Contrast Matrix WCAG 2.1 Contrast

E8B69E
CDA4A3
B895C2
C8BECF
D9D9D9
—
1.2
Fail
1.4
Fail
1.0
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.2
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
1.0
Fail
1.2
Fail
1.4
Fail
—
1.3
Fail
1.3
Fail
1.6
Fail
1.8
Fail
1.3
Fail
—
White BG
1.8Fail
2.2Fail
2.6Fail
1.8Fail
1.4Fail
Black BG
11.6AAA
9.4AAA
8.1AAA
11.7AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2A4
BBBBA3
A9A9B7
C4C4CB
D9D9D9

Deuteranopia

D5D9A5
BEC1A3
ABADB4
C4C5CA
D9D9D9

Tritanopia

E5A8A9
CBA3A3
B6AFAD
C8C8C7
D9D9D9

Achromatopsia

C2C2C2
B0B0B0
A5A5A5
C3C3C3
D9D9D9

Shades & Tints Shades & Tints

#E8B69E

Dark
Light

#CDA4A3

Dark
Light

#B895C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8b69e;
  --color-2: #cda4a3;
  --color-3: #b895c2;
  --color-4: #c8becf;
  --color-5: #d9d9d9;
}

SCSS

$color-1: #e8b69e;
$color-2: #cda4a3;
$color-3: #b895c2;
$color-4: #c8becf;
$color-5: #d9d9d9;

TAILWIND

colors: {
  'brand-1': '#e8b69e',
  'brand-2': '#cda4a3',
  'brand-3': '#b895c2',
  'brand-4': '#c8becf',
  'brand-5': '#d9d9d9',
}

RGB Array

[232, 182, 158], [205, 164, 163], [184, 149, 194], [200, 190, 207], [217, 217, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8B69E, #CDA4A3, #B895C2, #C8BECF, #D9D9D9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e8b69e; --color-2: #cda4a3; --color-3: #b895c2; --color-4: #c8becf; --color-5: #d9d9d9. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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