#E7DECB + #D8A028 + #E9DCB1 + #D2DFB8 + #A3D8C0 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7DECB

Goose Yellow · LightGray · Lemon Cream

HEX

#E7DECB

RGB

rgb(231, 222, 203)

HSL

hsl(41, 37%, 85%)

HSB

hsb(41, 12%, 91%)

CMYK

cmyk(0%, 4%, 12%, 9%)

Oklch

oklch(90.3% 0.027 85.7)

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

#D8A028

Ochre · GoldenRod · Honey Gold

HEX

#D8A028

RGB

rgb(216, 160, 40)

HSL

hsl(41, 69%, 50%)

HSB

hsb(41, 81%, 85%)

CMYK

cmyk(0%, 26%, 81%, 15%)

Oklch

oklch(74.0% 0.142 81.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E9DCB1

Goose Yellow · Wheat · Lemon Cream

HEX

#E9DCB1

RGB

rgb(233, 220, 177)

HSL

hsl(46, 56%, 80%)

HSB

hsb(46, 24%, 91%)

CMYK

cmyk(0%, 6%, 24%, 9%)

Oklch

oklch(89.4% 0.058 93.2)

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

#D2DFB8

Willow Green · LightGray · Apple Green

HEX

#D2DFB8

RGB

rgb(210, 223, 184)

HSL

hsl(80, 38%, 80%)

HSB

hsb(80, 17%, 87%)

CMYK

cmyk(6%, 0%, 17%, 13%)

Oklch

oklch(88.4% 0.054 122.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#A3D8C0

Jade · Silver · Apple Green

HEX

#A3D8C0

RGB

rgb(163, 216, 192)

HSL

hsl(153, 40%, 74%)

HSB

hsb(153, 25%, 85%)

CMYK

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

Oklch

oklch(83.9% 0.064 165.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7DECB

CBD4E7

Analogous

E7D0CB

E7DECB

E2E7CB

Triadic

E7DECB

CBE7DE

DECBE7

Split-Comp.

E7DECB

CBE2E7

D0CBE7

Tetradic

E7DECB

CBE7D0

CBD4E7

E7CBE2

Contrast Matrix WCAG 2.1 Contrast

E7DECB	D8A028	E9DCB1	D2DFB8	A3D8C0
—	1.7 Fail	1.0 Fail	1.0 Fail	1.2 Fail
1.7 Fail	—	1.7 Fail	1.7 Fail	1.5 Fail
1.0 Fail	1.7 Fail	—	1.0 Fail	1.2 Fail
1.0 Fail	1.7 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.5 Fail	1.2 Fail	1.1 Fail	—

White BG

1.3Fail

2.3Fail

1.4Fail

1.6Fail

Black BG

15.7AAA

9.0AAA

15.3AAA

15.0AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3D0

C0BF45

E3E3BB

D8D8C1

BABAC6

Deuteranopia

E4E4D1

C3C74C

E4E5BE

D7D6C4

B7B3C7

Tritanopia

E7D3D4

D55C61

E8C4C5

D3C9CB

A6CACB

Achromatopsia

DFDFDF

A3A3A3

DBDBDB

D7D7D7

C5C5C5

Shades & Tints Shades & Tints

#E7DECB

Dark

Light

#D8A028

Dark

Light

#E9DCB1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7decb;
  --color-2: #d8a028;
  --color-3: #e9dcb1;
  --color-4: #d2dfb8;
  --color-5: #a3d8c0;
}

SCSS

$color-1: #e7decb;
$color-2: #d8a028;
$color-3: #e9dcb1;
$color-4: #d2dfb8;
$color-5: #a3d8c0;

TAILWIND

colors: {
  'brand-1': '#e7decb',
  'brand-2': '#d8a028',
  'brand-3': '#e9dcb1',
  'brand-4': '#d2dfb8',
  'brand-5': '#a3d8c0',
}

RGB Array

[231, 222, 203], [216, 160, 40], [233, 220, 177], [210, 223, 184], [163, 216, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E7DECB, #D8A028, #E9DCB1, #D2DFB8, #A3D8C0 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: #e7decb; --color-2: #d8a028; --color-3: #e9dcb1; --color-4: #d2dfb8; --color-5: #a3d8c0. 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 warm-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