#D8C182 + #ECB69C + #E49D7D + #DCC099 + #92E1D5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D8C182

Ginger · BurlyWood · Sunflower

HEX

#D8C182

RGB

rgb(216, 193, 130)

HSL

hsl(44, 52%, 68%)

HSB

hsb(44, 40%, 85%)

CMYK

cmyk(0%, 11%, 40%, 15%)

Oklch

oklch(81.6% 0.085 90.2)

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

#ECB69C

Apricot · BurlyWood · Peach Orange

HEX

#ECB69C

RGB

rgb(236, 182, 156)

HSL

hsl(19, 68%, 77%)

HSB

hsb(19, 34%, 93%)

CMYK

cmyk(0%, 23%, 34%, 7%)

Oklch

oklch(81.9% 0.072 46.9)

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

#E49D7D

Apricot · DarkSalmon · Warm Sun

HEX

#E49D7D

RGB

rgb(228, 157, 125)

HSL

hsl(19, 66%, 69%)

HSB

hsb(19, 45%, 89%)

CMYK

cmyk(0%, 31%, 45%, 11%)

Oklch

oklch(75.8% 0.096 45.1)

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

#DCC099

Goose Yellow · BurlyWood · Warm Sun

HEX

#DCC099

RGB

rgb(220, 192, 153)

HSL

hsl(35, 49%, 73%)

HSB

hsb(35, 30%, 86%)

CMYK

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

Oklch

oklch(82.2% 0.061 75.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#92E1D5

Jade · SkyBlue · Lake Green

HEX

#92E1D5

RGB

rgb(146, 225, 213)

HSL

hsl(171, 57%, 73%)

HSB

hsb(171, 35%, 88%)

CMYK

cmyk(35%, 0%, 5%, 12%)

Oklch

oklch(85.5% 0.080 183.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8C182

839AD8

Analogous

D89783

D8C182

C4D883

Triadic

D8C182

83D8C1

C183D8

Split-Comp.

D8C182

83C4D8

9783D8

Tetradic

D8C182

83D897

839AD8

D883C4

Contrast Matrix WCAG 2.1 Contrast

D8C182	ECB69C	E49D7D	DCC099	92E1D5
—	1.0 Fail	1.3 Fail	1.0 Fail	1.2 Fail
1.0 Fail	—	1.2 Fail	1.0 Fail	1.2 Fail
1.3 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
1.0 Fail	1.0 Fail	1.3 Fail	—	1.2 Fail
1.2 Fail	1.2 Fail	1.5 Fail	1.2 Fail	—

White BG

1.8Fail

2.2Fail

1.7Fail

1.5Fail

Black BG

11.9AAA

11.7AAA

9.4AAA

12.0AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE91

D5D4A2

C5C585

D0D0A2

B4B5D8

Deuteranopia

CFD195

D8DCA4

C9CF87

D2D4A5

B0AAD9

Tritanopia

D79DA0

E9A7A8

E08B8C

DBAAAC

96DADB

Achromatopsia

C1C1C1

C3C3C3

AFAFAF

C4C4C4

C8C8C8

Shades & Tints Shades & Tints

#D8C182

Dark

Light

#ECB69C

Dark

Light

#E49D7D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8c182;
  --color-2: #ecb69c;
  --color-3: #e49d7d;
  --color-4: #dcc099;
  --color-5: #92e1d5;
}

SCSS

$color-1: #d8c182;
$color-2: #ecb69c;
$color-3: #e49d7d;
$color-4: #dcc099;
$color-5: #92e1d5;

TAILWIND

colors: {
  'brand-1': '#d8c182',
  'brand-2': '#ecb69c',
  'brand-3': '#e49d7d',
  'brand-4': '#dcc099',
  'brand-5': '#92e1d5',
}

RGB Array

[216, 193, 130], [236, 182, 156], [228, 157, 125], [220, 192, 153], [146, 225, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8C182, #ECB69C, #E49D7D, #DCC099, #92E1D5 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: #d8c182; --color-2: #ecb69c; --color-3: #e49d7d; --color-4: #dcc099; --color-5: #92e1d5. 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