#E6E0E2 + #EAD1BB + #E3B38D + #D69668 + #C3743B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6E0E2

Rouge · Lavender · Cherry Blossom

HEX

#E6E0E2

RGB

rgb(230, 224, 226)

HSL

hsl(340, 11%, 89%)

HSB

hsb(340, 3%, 90%)

CMYK

cmyk(0%, 3%, 2%, 10%)

Oklch

oklch(91.2% 0.007 354.8)

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

#EAD1BB

Apricot · Wheat · Peach Orange

HEX

#EAD1BB

RGB

rgb(234, 209, 187)

HSL

hsl(28, 53%, 83%)

HSB

hsb(28, 20%, 92%)

CMYK

cmyk(0%, 11%, 20%, 8%)

Oklch

oklch(87.6% 0.041 63.6)

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

#E3B38D

Apricot · BurlyWood · Warm Sun

HEX

#E3B38D

RGB

rgb(227, 179, 141)

HSL

hsl(27, 61%, 72%)

HSB

hsb(27, 38%, 89%)

CMYK

cmyk(0%, 21%, 38%, 11%)

Oklch

oklch(80.1% 0.076 59.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D69668

Apricot · DarkSalmon · Warm Sun

HEX

#D69668

RGB

rgb(214, 150, 104)

HSL

hsl(25, 57%, 62%)

HSB

hsb(25, 51%, 84%)

CMYK

cmyk(0%, 30%, 51%, 16%)

Oklch

oklch(72.6% 0.099 56.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C3743B

Tangerine · Chocolate · Amber Brown

HEX

#C3743B

RGB

rgb(195, 116, 59)

HSL

hsl(25, 54%, 50%)

HSB

hsb(25, 70%, 76%)

CMYK

cmyk(0%, 41%, 70%, 24%)

Oklch

oklch(63.5% 0.123 54.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E0E2

E0E6E4

Analogous

E6E0E5

E6E0E2

E6E1E0

Triadic

E6E0E2

E2E6E0

E0E2E6

Split-Comp.

E6E0E2

E0E6E1

E0E5E6

Tetradic

E6E0E2

E5E6E0

E0E6E4

E1E0E6

Contrast Matrix WCAG 2.1 Contrast

E6E0E2	EAD1BB	E3B38D	D69668	C3743B
—	1.1 Fail	1.5 Fail	1.9 Fail	2.7 Fail
1.1 Fail	—	1.3 Fail	1.7 Fail	2.4 Fail
1.5 Fail	1.3 Fail	—	1.3 Fail	1.9 Fail
1.9 Fail	1.7 Fail	1.3 Fail	—	1.4 Fail
2.7 Fail	2.4 Fail	1.9 Fail	1.4 Fail	—

White BG

1.3Fail

1.5Fail

1.9Fail

2.5Fail

3.6AA Large

Black BG

16.1AAA

14.3AAA

11.1AAA

8.4AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3E2

DFDFC0

CECE96

BABA73

A1A049

Deuteranopia

E4E4E1

E1E2C2

D1D598

BEC376

A5AB4C

Tritanopia

E6E1E1

E9C5C5

E19D9F

D37C7E

BF5456

Achromatopsia

E2E2E2

D6D6D6

BDBDBD

A4A4A4

858585

Shades & Tints Shades & Tints

#E6E0E2

Dark

Light

#EAD1BB

Dark

Light

#E3B38D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e0e2;
  --color-2: #ead1bb;
  --color-3: #e3b38d;
  --color-4: #d69668;
  --color-5: #c3743b;
}

SCSS

$color-1: #e6e0e2;
$color-2: #ead1bb;
$color-3: #e3b38d;
$color-4: #d69668;
$color-5: #c3743b;

TAILWIND

colors: {
  'brand-1': '#e6e0e2',
  'brand-2': '#ead1bb',
  'brand-3': '#e3b38d',
  'brand-4': '#d69668',
  'brand-5': '#c3743b',
}

RGB Array

[230, 224, 226], [234, 209, 187], [227, 179, 141], [214, 150, 104], [195, 116, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6E0E2, #EAD1BB, #E3B38D, #D69668, #C3743B 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: #e6e0e2; --color-2: #ead1bb; --color-3: #e3b38d; --color-4: #d69668; --color-5: #c3743b. 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