← Back to Editor

#E6CABF · #DAD5CF · #EAE3DD · #C5C4C9 · #D3E1D4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6CABF

Apricot · Wheat · Peach Orange

HEX
#E6CABF
RGB
rgb(230, 202, 191)
HSL
hsl(17, 44%, 83%)
HSB
hsb(17, 17%, 90%)
CMYK
cmyk(0%, 12%, 17%, 10%)
Oklch
oklch(86.0% 0.035 42.7)

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

#DAD5CF

Goose Yellow · LightGray · Peach Orange

HEX
#DAD5CF
RGB
rgb(218, 213, 207)
HSL
hsl(33, 13%, 83%)
HSB
hsb(33, 5%, 85%)
CMYK
cmyk(0%, 2%, 5%, 15%)
Oklch
oklch(87.5% 0.010 72.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EAE3DD

Apricot · Beige · Peach Orange

HEX
#EAE3DD
RGB
rgb(234, 227, 221)
HSL
hsl(28, 24%, 89%)
HSB
hsb(28, 6%, 92%)
CMYK
cmyk(0%, 3%, 6%, 8%)
Oklch
oklch(92.0% 0.011 63.4)

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

#C5C4C9

Silver Gray · Silver · Pearl Gray

HEX
#C5C4C9
RGB
rgb(197, 196, 201)
HSL
hsl(252, 4%, 78%)
HSB
hsb(252, 2%, 79%)
CMYK
cmyk(2%, 2%, 0%, 21%)
Oklch
oklch(82.3% 0.007 295.4)

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

#D3E1D4

Celadon · LightGray · Mint Green

HEX
#D3E1D4
RGB
rgb(211, 225, 212)
HSL
hsl(124, 19%, 85%)
HSB
hsb(124, 6%, 88%)
CMYK
cmyk(6%, 0%, 6%, 12%)
Oklch
oklch(89.6% 0.023 147.4)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6CABF
C1DCE7

Analogous

E7C1C9
E6CABF
E7DEC1

Triadic

E6CABF
C1E7CB
CBC1E7

Split-Comp.

E6CABF
C1E7DE
C1C9E7

Tetradic

E6CABF
C9E7C1
C1DCE7
DEC1E7

Contrast Matrix WCAG 2.1 Contrast

E6CABF
DAD5CF
EAE3DD
C5C4C9
D3E1D4
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.3
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
White BG
1.5Fail
1.5Fail
1.3Fail
1.7Fail
1.4Fail
Black BG
13.6AAA
14.4AAA
16.5AAA
12.1AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAC2
D8D8D0
E7E7DE
C5C5C8
D9D9D7

Deuteranopia

DCDEC2
D8D9D1
E7E8DF
C5C5C8
D8D7D8

Tritanopia

E5C4C4
DAD2D2
EAE0E0
C5C7C7
D4DADA

Achromatopsia

D1D1D1
D6D6D6
E4E4E4
C5C5C5
DBDBDB

Shades & Tints Shades & Tints

#E6CABF

Dark
Light

#DAD5CF

Dark
Light

#EAE3DD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6cabf;
  --color-2: #dad5cf;
  --color-3: #eae3dd;
  --color-4: #c5c4c9;
  --color-5: #d3e1d4;
}

SCSS

$color-1: #e6cabf;
$color-2: #dad5cf;
$color-3: #eae3dd;
$color-4: #c5c4c9;
$color-5: #d3e1d4;

TAILWIND

colors: {
  'brand-1': '#e6cabf',
  'brand-2': '#dad5cf',
  'brand-3': '#eae3dd',
  'brand-4': '#c5c4c9',
  'brand-5': '#d3e1d4',
}

RGB Array

[230, 202, 191], [218, 213, 207], [234, 227, 221], [197, 196, 201], [211, 225, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6CABF, #DAD5CF, #EAE3DD, #C5C4C9, #D3E1D4 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: #e6cabf; --color-2: #dad5cf; --color-3: #eae3dd; --color-4: #c5c4c9; --color-5: #d3e1d4. 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