#D9D2B4 + #E1DCA8 + #E3D8B8 + #EBD27E + #FDFEEB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9D2B4

Goose Yellow · Wheat · Lemon Cream

HEX

#D9D2B4

RGB

rgb(217, 210, 180)

HSL

hsl(49, 33%, 78%)

HSB

hsb(49, 17%, 85%)

CMYK

cmyk(0%, 3%, 17%, 15%)

Oklch

oklch(86.2% 0.041 96.3)

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

#E1DCA8

Fresh Green · Wheat · Lemon Cream

HEX

#E1DCA8

RGB

rgb(225, 220, 168)

HSL

hsl(55, 49%, 77%)

HSB

hsb(55, 25%, 88%)

CMYK

cmyk(0%, 2%, 25%, 12%)

Oklch

oklch(88.6% 0.068 103.1)

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

#E3D8B8

Goose Yellow · Wheat · Lemon Cream

HEX

#E3D8B8

RGB

rgb(227, 216, 184)

HSL

hsl(45, 43%, 81%)

HSB

hsb(45, 19%, 89%)

CMYK

cmyk(0%, 5%, 19%, 11%)

Oklch

oklch(88.3% 0.044 91.3)

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

#EBD27E

Goose Yellow · Khaki · Sunflower

HEX

#EBD27E

RGB

rgb(235, 210, 126)

HSL

hsl(46, 73%, 71%)

HSB

hsb(46, 46%, 92%)

CMYK

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

Oklch

oklch(86.7% 0.108 93.3)

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

#FDFEEB

Fresh Green · SeaShell · Lemon Cream

HEX

#FDFEEB

RGB

rgb(253, 254, 235)

HSL

hsl(63, 90%, 96%)

HSB

hsb(63, 7%, 100%)

CMYK

cmyk(0%, 0%, 7%, 0%)

Oklch

oklch(99.1% 0.025 109.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D2B4

B4BBD9

Analogous

D9C0B4

D9D2B4

CED9B4

Triadic

D9D2B4

B4D9D3

D3B4D9

Split-Comp.

D9D2B4

B4CED9

C0B4D9

Tetradic

D9D2B4

B4D9C0

B4BBD9

D9B4CE

Contrast Matrix WCAG 2.1 Contrast

D9D2B4	E1DCA8	E3D8B8	EBD27E	FDFEEB
—	1.1 Fail	1.1 Fail	1.0 Fail	1.5 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.4 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.4 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.5 Fail
1.5 Fail	1.4 Fail	1.4 Fail	1.5 Fail	—

White BG

1.5Fail

1.4Fail

1.5Fail

1.0Fail

Black BG

13.8AAA

15.0AAA

14.8AAA

14.1AAA

20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6BB

DFDFB5

DEDEC0

E0E092

FDFDF0

Deuteranopia

D6D7BD

DFE0B8

DFE0C2

E2E497

FDFDF1

Tritanopia

D9C1C2

E1BFC1

E2C6C7

EAA2A6

FDF3F4

Achromatopsia

D1D1D1

D8D8D8

D0D0D0

FCFCFC

Shades & Tints Shades & Tints

#D9D2B4

Dark

Light

#E1DCA8

Dark

Light

#E3D8B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d2b4;
  --color-2: #e1dca8;
  --color-3: #e3d8b8;
  --color-4: #ebd27e;
  --color-5: #fdfeeb;
}

SCSS

$color-1: #d9d2b4;
$color-2: #e1dca8;
$color-3: #e3d8b8;
$color-4: #ebd27e;
$color-5: #fdfeeb;

TAILWIND

colors: {
  'brand-1': '#d9d2b4',
  'brand-2': '#e1dca8',
  'brand-3': '#e3d8b8',
  'brand-4': '#ebd27e',
  'brand-5': '#fdfeeb',
}

RGB Array

[217, 210, 180], [225, 220, 168], [227, 216, 184], [235, 210, 126], [253, 254, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9D2B4, #E1DCA8, #E3D8B8, #EBD27E, #FDFEEB 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: #d9d2b4; --color-2: #e1dca8; --color-3: #e3d8b8; --color-4: #ebd27e; --color-5: #fdfeeb. 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