#E0D1B0 + #DBC77E + #DD9B79 + #DD868F + #82746B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0D1B0

Goose Yellow · Wheat · Lemon Cream

HEX

#E0D1B0

RGB

rgb(224, 209, 176)

HSL

hsl(41, 44%, 78%)

HSB

hsb(41, 21%, 88%)

CMYK

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

Oklch

oklch(86.4% 0.047 86.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DBC77E

Ginger · BurlyWood · Sunflower

HEX

#DBC77E

RGB

rgb(219, 199, 126)

HSL

hsl(47, 56%, 68%)

HSB

hsb(47, 42%, 86%)

CMYK

cmyk(0%, 9%, 42%, 14%)

Oklch

oklch(83.0% 0.095 94.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DD9B79

Apricot · DarkSalmon · Warm Sun

HEX

#DD9B79

RGB

rgb(221, 155, 121)

HSL

hsl(20, 60%, 67%)

HSB

hsb(20, 45%, 87%)

CMYK

cmyk(0%, 30%, 45%, 13%)

Oklch

oklch(74.6% 0.092 48.1)

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

#DD868F

Peach Pink · LightCoral · Coral Red

HEX

#DD868F

RGB

rgb(221, 134, 143)

HSL

hsl(354, 56%, 70%)

HSB

hsb(354, 39%, 87%)

CMYK

cmyk(0%, 39%, 35%, 13%)

Oklch

oklch(71.4% 0.107 13.5)

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

#82746B

Tangerine · Gray · Amber Brown

HEX

#82746B

RGB

rgb(130, 116, 107)

HSL

hsl(23, 10%, 46%)

HSB

hsb(23, 18%, 51%)

CMYK

cmyk(0%, 11%, 18%, 49%)

Oklch

oklch(56.9% 0.022 54.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D1B0

AEBEE0

Analogous

E0B7AE

E0D1B0

D7E0AE

Triadic

E0D1B0

AEE0D0

D0AEE0

Split-Comp.

E0D1B0

AED7E0

B7AEE0

Tetradic

E0D1B0

AEE0B7

AEBEE0

E0AED7

Contrast Matrix WCAG 2.1 Contrast

E0D1B0	DBC77E	DD9B79	DD868F	82746B
—	1.1 Fail	1.5 Fail	1.8 Fail	3.0 Fail
1.1 Fail	—	1.4 Fail	1.6 Fail	2.7 Fail
1.5 Fail	1.4 Fail	—	1.1 Fail	1.9 Fail
1.8 Fail	1.6 Fail	1.1 Fail	—	1.7 Fail
3.0 Fail	2.7 Fail	1.9 Fail	1.7 Fail	—

White BG

1.5Fail

1.7Fail

2.3Fail

2.7Fail

4.5AA

Black BG

13.9AAA

12.5AAA

9.0AAA

7.9AAA

4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD9B8

D2D290

C0C081

B7B78D

7C7C6D

Deuteranopia

DADBBA

D4D594

C4C983

BCC38C

7D7E6E

Tritanopia

DFBEC0

DA9EA1

DA8889

D98B8B

816F6F

Achromatopsia

D2D2D2

C5C5C5

ABABAB

A1A1A1

777777

Shades & Tints Shades & Tints

#E0D1B0

Dark

Light

#DBC77E

Dark

Light

#DD9B79

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d1b0;
  --color-2: #dbc77e;
  --color-3: #dd9b79;
  --color-4: #dd868f;
  --color-5: #82746b;
}

SCSS

$color-1: #e0d1b0;
$color-2: #dbc77e;
$color-3: #dd9b79;
$color-4: #dd868f;
$color-5: #82746b;

TAILWIND

colors: {
  'brand-1': '#e0d1b0',
  'brand-2': '#dbc77e',
  'brand-3': '#dd9b79',
  'brand-4': '#dd868f',
  'brand-5': '#82746b',
}

RGB Array

[224, 209, 176], [219, 199, 126], [221, 155, 121], [221, 134, 143], [130, 116, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D1B0, #DBC77E, #DD9B79, #DD868F, #82746B 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: #e0d1b0; --color-2: #dbc77e; --color-3: #dd9b79; --color-4: #dd868f; --color-5: #82746b. 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