← Back to Editor

#ECD6C3 · #E9EAD9 · #D3C7CD · #BFB1BD · #D6D9BE

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

#ECD6C3

Apricot · Wheat · Peach Orange

HEX
#ECD6C3
RGB
rgb(236, 214, 195)
HSL
hsl(28, 52%, 85%)
HSB
hsb(28, 17%, 93%)
CMYK
cmyk(0%, 9%, 17%, 7%)
Oklch
oklch(88.9% 0.035 63.2)

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

#E9EAD9

Fresh Green · Beige · Lemon Cream

HEX
#E9EAD9
RGB
rgb(233, 234, 217)
HSL
hsl(64, 29%, 88%)
HSB
hsb(64, 7%, 92%)
CMYK
cmyk(0%, 0%, 7%, 8%)
Oklch
oklch(93.2% 0.023 109.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D3C7CD

Rouge · LightGray · Cherry Blossom

HEX
#D3C7CD
RGB
rgb(211, 199, 205)
HSL
hsl(330, 12%, 80%)
HSB
hsb(330, 6%, 83%)
CMYK
cmyk(0%, 6%, 3%, 17%)
Oklch
oklch(84.1% 0.016 345.6)

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

#BFB1BD

Mauve · Silver · Lilac Purple

HEX
#BFB1BD
RGB
rgb(191, 177, 189)
HSL
hsl(309, 10%, 72%)
HSB
hsb(309, 7%, 75%)
CMYK
cmyk(0%, 7%, 1%, 25%)
Oklch
oklch(77.6% 0.023 330.4)

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

#D6D9BE

Fresh Green · LightGray · Lemon Cream

HEX
#D6D9BE
RGB
rgb(214, 217, 190)
HSL
hsl(67, 26%, 80%)
HSB
hsb(67, 12%, 85%)
CMYK
cmyk(1%, 0%, 12%, 15%)
Oklch
oklch(87.6% 0.036 112.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECD6C3
C5DAED

Analogous

EDC5C6
ECD6C3
EDEBC5

Triadic

ECD6C3
C5EDD7
D7C5ED

Split-Comp.

ECD6C3
C5EDEB
C5C6ED

Tetradic

ECD6C3
C6EDC5
C5DAED
EBC5ED

Contrast Matrix WCAG 2.1 Contrast

ECD6C3
E9EAD9
D3C7CD
BFB1BD
D6D9BE
—
1.2
Fail
1.2
Fail
1.5
Fail
1.0
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.2
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
1.1
Fail
1.5
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
1.0
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
White BG
1.4Fail
1.2Fail
1.6Fail
2.1Fail
1.4Fail
Black BG
15.0AAA
17.2AAA
12.8AAA
10.2AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C8
E9E9DD
CECECC
B9B9BA
D7D7C5

Deuteranopia

E4E5C9
E9E9DE
CFCFCB
BABBB9
D7D7C6

Tritanopia

EBCBCC
E9E0E1
D2CACA
BEB8B7
D6CACB

Achromatopsia

DADADA
E8E8E8
CBCBCB
B7B7B7
D5D5D5

Shades & Tints Shades & Tints

#ECD6C3

Dark
Light

#E9EAD9

Dark
Light

#D3C7CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecd6c3;
  --color-2: #e9ead9;
  --color-3: #d3c7cd;
  --color-4: #bfb1bd;
  --color-5: #d6d9be;
}

SCSS

$color-1: #ecd6c3;
$color-2: #e9ead9;
$color-3: #d3c7cd;
$color-4: #bfb1bd;
$color-5: #d6d9be;

TAILWIND

colors: {
  'brand-1': '#ecd6c3',
  'brand-2': '#e9ead9',
  'brand-3': '#d3c7cd',
  'brand-4': '#bfb1bd',
  'brand-5': '#d6d9be',
}

RGB Array

[236, 214, 195], [233, 234, 217], [211, 199, 205], [191, 177, 189], [214, 217, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ECD6C3, #E9EAD9, #D3C7CD, #BFB1BD, #D6D9BE 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: #ecd6c3; --color-2: #e9ead9; --color-3: #d3c7cd; --color-4: #bfb1bd; --color-5: #d6d9be. 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