#E0D9B0 + #D3B296 + #F39BA0 + #E86677 + #806268 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0D9B0

Fresh Green · Wheat · Lemon Cream

HEX

#E0D9B0

RGB

rgb(224, 217, 176)

HSL

hsl(51, 44%, 78%)

HSB

hsb(51, 21%, 88%)

CMYK

cmyk(0%, 3%, 21%, 12%)

Oklch

oklch(88.1% 0.055 99.4)

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

#D3B296

Apricot · Tan · Warm Sun

HEX

#D3B296

RGB

rgb(211, 178, 150)

HSL

hsl(28, 41%, 71%)

HSB

hsb(28, 29%, 83%)

CMYK

cmyk(0%, 16%, 29%, 17%)

Oklch

oklch(78.5% 0.054 62.2)

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

#F39BA0

Peach Pink · DarkSalmon · Coral Red

HEX

#F39BA0

RGB

rgb(243, 155, 160)

HSL

hsl(357, 79%, 78%)

HSB

hsb(357, 36%, 95%)

CMYK

cmyk(0%, 36%, 34%, 5%)

Oklch

oklch(77.9% 0.106 16.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E86677

Peach Pink · LightCoral · Coral Red

HEX

#E86677

RGB

rgb(232, 102, 119)

HSL

hsl(352, 74%, 65%)

HSB

hsb(352, 56%, 91%)

CMYK

cmyk(0%, 56%, 49%, 9%)

Oklch

oklch(67.4% 0.161 14.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#806268

Crimson · DimGray · Passion Red

HEX

#806268

RGB

rgb(128, 98, 104)

HSL

hsl(348, 13%, 44%)

HSB

hsb(348, 23%, 50%)

CMYK

cmyk(0%, 23%, 19%, 50%)

Oklch

oklch(52.8% 0.040 5.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D9B0

AEB6E0

Analogous

E0BFAE

E0D9B0

CEE0AE

Triadic

E0D9B0

AEE0D8

D8AEE0

Split-Comp.

E0D9B0

AECEE0

BFAEE0

Tetradic

E0D9B0

AEE0BF

AEB6E0

E0AECE

Contrast Matrix WCAG 2.1 Contrast

E0D9B0	D3B296	F39BA0	E86677	806268
—	1.4 Fail	1.5 Fail	2.2 Fail	3.8 AA Large
1.4 Fail	—	1.1 Fail	1.6 Fail	2.7 Fail
1.5 Fail	1.1 Fail	—	1.5 Fail	2.6 Fail
2.2 Fail	1.6 Fail	1.5 Fail	—	1.7 Fail
3.8 AA Large	2.7 Fail	2.6 Fail	1.7 Fail	—

White BG

1.4Fail

2.0Fail

2.1Fail

3.2AA Large

5.4AA

Black BG

14.7AAA

10.6AAA

10.0AAA

6.6AA

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDBA

C5C49D

CDCC9F

B0AF73

737367

Deuteranopia

DDDEBC

C7C99E

D2D99F

B7C172

757766

Tritanopia

E0C2C3

D1A2A3

EF9E9E

E1706F

7F6565

Achromatopsia

D6D6D6

B9B9B9

B6B6B6

8F8F8F

6C6C6C

Shades & Tints Shades & Tints

#E0D9B0

Dark

Light

#D3B296

Dark

Light

#F39BA0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d9b0;
  --color-2: #d3b296;
  --color-3: #f39ba0;
  --color-4: #e86677;
  --color-5: #806268;
}

SCSS

$color-1: #e0d9b0;
$color-2: #d3b296;
$color-3: #f39ba0;
$color-4: #e86677;
$color-5: #806268;

TAILWIND

colors: {
  'brand-1': '#e0d9b0',
  'brand-2': '#d3b296',
  'brand-3': '#f39ba0',
  'brand-4': '#e86677',
  'brand-5': '#806268',
}

RGB Array

[224, 217, 176], [211, 178, 150], [243, 155, 160], [232, 102, 119], [128, 98, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D9B0, #D3B296, #F39BA0, #E86677, #806268 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: #e0d9b0; --color-2: #d3b296; --color-3: #f39ba0; --color-4: #e86677; --color-5: #806268. 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