← Back to Editor

#FCF5DC · #E4D5B8 · #DEBC98 · #9D8161 · #EAE5A8

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FCF5DC

Goose Yellow · Beige · Lemon Cream

HEX
#FCF5DC
RGB
rgb(252, 245, 220)
HSL
hsl(47, 84%, 93%)
HSB
hsb(47, 13%, 99%)
CMYK
cmyk(0%, 3%, 13%, 1%)
Oklch
oklch(96.9% 0.034 94.0)

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

#E4D5B8

Goose Yellow · Wheat · Lemon Cream

HEX
#E4D5B8
RGB
rgb(228, 213, 184)
HSL
hsl(40, 45%, 81%)
HSB
hsb(40, 19%, 89%)
CMYK
cmyk(0%, 7%, 19%, 11%)
Oklch
oklch(87.8% 0.042 83.9)

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

#DEBC98

Goose Yellow · BurlyWood · Warm Sun

HEX
#DEBC98
RGB
rgb(222, 188, 152)
HSL
hsl(31, 51%, 73%)
HSB
hsb(31, 32%, 87%)
CMYK
cmyk(0%, 15%, 32%, 13%)
Oklch
oklch(81.6% 0.062 68.4)

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

#9D8161

Ochre · Gray · Amber Brown

HEX
#9D8161
RGB
rgb(157, 129, 97)
HSL
hsl(32, 24%, 50%)
HSB
hsb(32, 38%, 62%)
CMYK
cmyk(0%, 18%, 38%, 38%)
Oklch
oklch(62.1% 0.057 70.2)

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

#EAE5A8

Fresh Green · Wheat · Lemon Cream

HEX
#EAE5A8
RGB
rgb(234, 229, 168)
HSL
hsl(55, 61%, 79%)
HSB
hsb(55, 28%, 92%)
CMYK
cmyk(0%, 2%, 28%, 8%)
Oklch
oklch(91.1% 0.079 103.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF5DC
DEE5FC

Analogous

FCE7DE
FCF5DC
F4FCDE

Triadic

FCF5DC
DEFCF6
F6DEFC

Split-Comp.

FCF5DC
DEF4FC
E7DEFC

Tetradic

FCF5DC
DEFCE7
DEE5FC
FCDEF4

Contrast Matrix WCAG 2.1 Contrast

FCF5DC
E4D5B8
DEBC98
9D8161
EAE5A8
—
1.3
Fail
1.6
Fail
3.3
AA Large
1.2
Fail
1.3
Fail
—
1.2
Fail
2.5
Fail
1.1
Fail
1.6
Fail
1.2
Fail
—
2.0
Fail
1.4
Fail
3.3
AA Large
2.5
Fail
2.0
Fail
—
2.8
Fail
1.2
Fail
1.1
Fail
1.4
Fail
2.8
Fail
—
White BG
1.1Fail
1.4Fail
1.8Fail
3.7AA Large
1.3Fail
Black BG
19.2AAA
14.5AAA
11.8AAA
5.7AA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9E2
DEDDBF
CFCFA1
919169
E8E8B7

Deuteranopia

F9FAE4
DEE0C1
D1D4A3
93956B
E8E9BA

Tritanopia

FCE7E8
E3C5C6
DCA8A9
9C6F70
EAC2C5

Achromatopsia

F4F4F4
D6D6D6
C2C2C2
868686
E0E0E0

Shades & Tints Shades & Tints

#FCF5DC

Dark
Light

#E4D5B8

Dark
Light

#DEBC98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf5dc;
  --color-2: #e4d5b8;
  --color-3: #debc98;
  --color-4: #9d8161;
  --color-5: #eae5a8;
}

SCSS

$color-1: #fcf5dc;
$color-2: #e4d5b8;
$color-3: #debc98;
$color-4: #9d8161;
$color-5: #eae5a8;

TAILWIND

colors: {
  'brand-1': '#fcf5dc',
  'brand-2': '#e4d5b8',
  'brand-3': '#debc98',
  'brand-4': '#9d8161',
  'brand-5': '#eae5a8',
}

RGB Array

[252, 245, 220], [228, 213, 184], [222, 188, 152], [157, 129, 97], [234, 229, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF5DC, #E4D5B8, #DEBC98, #9D8161, #EAE5A8 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fcf5dc; --color-2: #e4d5b8; --color-3: #debc98; --color-4: #9d8161; --color-5: #eae5a8. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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