← Back to Editor

#E1C0B2 · #EDDDCA · #EDE2CE · #FFF2DE · #343438

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

WorkspaceReadingData Visualization

Color Details Color Details

#E1C0B2

Apricot · LightPink · Peach Orange

HEX
#E1C0B2
RGB
rgb(225, 192, 178)
HSL
hsl(18, 44%, 79%)
HSB
hsb(18, 21%, 88%)
CMYK
cmyk(0%, 15%, 21%, 12%)
Oklch
oklch(83.2% 0.043 44.3)

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

#EDDDCA

Goose Yellow · Bisque · Peach Orange

HEX
#EDDDCA
RGB
rgb(237, 221, 202)
HSL
hsl(33, 49%, 86%)
HSB
hsb(33, 15%, 93%)
CMYK
cmyk(0%, 7%, 15%, 7%)
Oklch
oklch(90.5% 0.031 72.2)

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

#EDE2CE

Goose Yellow · Bisque · Peach Orange

HEX
#EDE2CE
RGB
rgb(237, 226, 206)
HSL
hsl(39, 46%, 87%)
HSB
hsb(39, 13%, 93%)
CMYK
cmyk(0%, 5%, 13%, 7%)
Oklch
oklch(91.6% 0.029 82.6)

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

#FFF2DE

Goose Yellow · Linen · Peach Orange

HEX
#FFF2DE
RGB
rgb(255, 242, 222)
HSL
hsl(36, 100%, 94%)
HSB
hsb(36, 13%, 100%)
CMYK
cmyk(0%, 5%, 13%, 0%)
Oklch
oklch(96.6% 0.030 78.8)

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

#343438

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#343438
RGB
rgb(52, 52, 56)
HSL
hsl(240, 4%, 21%)
HSB
hsb(240, 7%, 22%)
CMYK
cmyk(7%, 7%, 0%, 78%)
Oklch
oklch(32.7% 0.007 286.0)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1C0B2
B2D3E1

Analogous

E1B2BB
E1C0B2
E1D8B2

Triadic

E1C0B2
B2E1C0
C0B2E1

Split-Comp.

E1C0B2
B2E1D8
B2BBE1

Tetradic

E1C0B2
BBE1B2
B2D3E1
D8B2E1

Contrast Matrix WCAG 2.1 Contrast

E1C0B2
EDDDCA
EDE2CE
FFF2DE
343438
—
1.3
Fail
1.3
Fail
1.5
Fail
7.3
AAA
1.3
Fail
—
1.0
Fail
1.2
Fail
9.3
AAA
1.3
Fail
1.0
Fail
—
1.2
Fail
9.7
AAA
1.5
Fail
1.2
Fail
1.2
Fail
—
11.2
AAA
7.3
AAA
9.3
AAA
9.7
AAA
11.2
AAA
—
White BG
1.7Fail
1.3Fail
1.3Fail
1.1Fail
12.4AAA
Black BG
12.4AAA
15.8AAA
16.4AAA
19.0AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D2B5
E6E6CF
E8E8D3
F9F9E3
343437

Deuteranopia

D5D7B6
E7E8D0
E9EAD4
FAFBE4
343437

Tritanopia

DFB8B9
ECD2D3
ECD7D8
FEE7E8
343636

Achromatopsia

C8C8C8
E0E0E0
E3E3E3
F4F4F4
343434

Shades & Tints Shades & Tints

#E1C0B2

Dark
Light

#EDDDCA

Dark
Light

#EDE2CE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1c0b2;
  --color-2: #edddca;
  --color-3: #ede2ce;
  --color-4: #fff2de;
  --color-5: #343438;
}

SCSS

$color-1: #e1c0b2;
$color-2: #edddca;
$color-3: #ede2ce;
$color-4: #fff2de;
$color-5: #343438;

TAILWIND

colors: {
  'brand-1': '#e1c0b2',
  'brand-2': '#edddca',
  'brand-3': '#ede2ce',
  'brand-4': '#fff2de',
  'brand-5': '#343438',
}

RGB Array

[225, 192, 178], [237, 221, 202], [237, 226, 206], [255, 242, 222], [52, 52, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1C0B2, #EDDDCA, #EDE2CE, #FFF2DE, #343438 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e1c0b2; --color-2: #edddca; --color-3: #ede2ce; --color-4: #fff2de; --color-5: #343438. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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