#FEF0D4 + #EEE3C1 + #DDD6AF + #CDC99B + #BCBB88 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FEF0D4

Goose Yellow · Beige · Lemon Cream

HEX

#FEF0D4

RGB

rgb(254, 240, 212)

HSL

hsl(40, 95%, 91%)

HSB

hsb(40, 17%, 100%)

CMYK

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

Oklch

oklch(95.9% 0.040 84.6)

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

#EEE3C1

Goose Yellow · Wheat · Lemon Cream

HEX

#EEE3C1

RGB

rgb(238, 227, 193)

HSL

hsl(45, 57%, 85%)

HSB

hsb(45, 19%, 93%)

CMYK

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

Oklch

oklch(91.6% 0.046 92.2)

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

#DDD6AF

Fresh Green · Wheat · Lemon Cream

HEX

#DDD6AF

RGB

rgb(221, 214, 175)

HSL

hsl(51, 40%, 78%)

HSB

hsb(51, 21%, 87%)

CMYK

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

Oklch

oklch(87.2% 0.052 98.9)

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

#CDC99B

Fresh Green · Tan · Sunflower

HEX

#CDC99B

RGB

rgb(205, 201, 155)

HSL

hsl(55, 33%, 71%)

HSB

hsb(55, 24%, 80%)

CMYK

cmyk(0%, 2%, 24%, 20%)

Oklch

oklch(82.8% 0.061 103.5)

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

#BCBB88

Fresh Green · Tan · Sunflower

HEX

#BCBB88

RGB

rgb(188, 187, 136)

HSL

hsl(59, 28%, 64%)

HSB

hsb(59, 28%, 74%)

CMYK

cmyk(0%, 1%, 28%, 26%)

Oklch

oklch(78.0% 0.068 106.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEF0D4

D2E1FE

Analogous

FEDAD2

FEF0D4

F7FED2

Triadic

FEF0D4

D2FEEF

EFD2FE

Split-Comp.

FEF0D4

D2F7FE

DAD2FE

Tetradic

FEF0D4

D2FEDA

D2E1FE

FED2F7

Contrast Matrix WCAG 2.1 Contrast

FEF0D4	EEE3C1	DDD6AF	CDC99B	BCBB88
—	1.1 Fail	1.3 Fail	1.5 Fail	1.8 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.5 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.5 Fail	1.3 Fail	1.2 Fail	—

White BG

1.1Fail

1.3Fail

1.5Fail

1.7Fail

2.0Fail

Black BG

18.6AAA

16.4AAA

14.3AAA

12.4AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8DB

E9E9C9

DADAB8

CBCBA6

BCBC94

Deuteranopia

F9FADC

EAEBCB

DADBBB

CCCCA9

BCBC97

Tritanopia

FDE0E1

EDD0D1

DDC0C2

CDAFB1

BC9EA0

Achromatopsia

F1F1F1

E2E2E2

D4D4D4

C5C5C5

B5B5B5

Shades & Tints Shades & Tints

#FEF0D4

Dark

Light

#EEE3C1

Dark

Light

#DDD6AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fef0d4;
  --color-2: #eee3c1;
  --color-3: #ddd6af;
  --color-4: #cdc99b;
  --color-5: #bcbb88;
}

SCSS

$color-1: #fef0d4;
$color-2: #eee3c1;
$color-3: #ddd6af;
$color-4: #cdc99b;
$color-5: #bcbb88;

TAILWIND

colors: {
  'brand-1': '#fef0d4',
  'brand-2': '#eee3c1',
  'brand-3': '#ddd6af',
  'brand-4': '#cdc99b',
  'brand-5': '#bcbb88',
}

RGB Array

[254, 240, 212], [238, 227, 193], [221, 214, 175], [205, 201, 155], [188, 187, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEF0D4, #EEE3C1, #DDD6AF, #CDC99B, #BCBB88 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: #fef0d4; --color-2: #eee3c1; --color-3: #ddd6af; --color-4: #cdc99b; --color-5: #bcbb88. 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