← Back to Editor

#FCEED4 · #E5CD9F · #B59F76 · #4D3E21 · #291701

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FCEED4

Goose Yellow · Beige · Peach Orange

HEX
#FCEED4
RGB
rgb(252, 238, 212)
HSL
hsl(39, 87%, 91%)
HSB
hsb(39, 16%, 99%)
CMYK
cmyk(0%, 6%, 16%, 1%)
Oklch
oklch(95.3% 0.037 83.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E5CD9F

Goose Yellow · Wheat · Peach Orange

HEX
#E5CD9F
RGB
rgb(229, 205, 159)
HSL
hsl(39, 57%, 76%)
HSB
hsb(39, 31%, 90%)
CMYK
cmyk(0%, 10%, 31%, 10%)
Oklch
oklch(85.7% 0.066 83.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B59F76

Ginger · Tan · Warm Sun

HEX
#B59F76
RGB
rgb(181, 159, 118)
HSL
hsl(39, 30%, 59%)
HSB
hsb(39, 35%, 71%)
CMYK
cmyk(0%, 12%, 35%, 29%)
Oklch
oklch(71.2% 0.062 82.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#4D3E21

Ochre · DarkOliveGreen · Amber Gold

HEX
#4D3E21
RGB
rgb(77, 62, 33)
HSL
hsl(40, 40%, 22%)
HSB
hsb(40, 57%, 30%)
CMYK
cmyk(0%, 19%, 57%, 70%)
Oklch
oklch(37.2% 0.049 82.8)

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

#291701

Ochre · Black · Cinnamon

HEX
#291701
RGB
rgb(41, 23, 1)
HSL
hsl(33, 95%, 8%)
HSB
hsb(33, 98%, 16%)
CMYK
cmyk(0%, 44%, 98%, 84%)
Oklch
oklch(22.4% 0.047 70.2)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCEED4
D4E2FC

Analogous

FCDAD4
FCEED4
F6FCD4

Triadic

FCEED4
D4FCEE
EED4FC

Split-Comp.

FCEED4
D4F6FC
DAD4FC

Tetradic

FCEED4
D4FCDA
D4E2FC
FCD4F6

Contrast Matrix WCAG 2.1 Contrast

FCEED4
E5CD9F
B59F76
4D3E21
291701
—
1.4
Fail
2.2
Fail
9.0
AAA
15.0
AAA
1.4
Fail
—
1.7
Fail
6.7
AA
11.1
AAA
2.2
Fail
1.7
Fail
—
4.0
AA Large
6.7
AA
9.0
AAA
6.7
AA
4.0
AA Large
—
1.7
Fail
15.0
AAA
11.1
AAA
6.7
AA
1.7
Fail
—
White BG
1.1Fail
1.5Fail
2.6Fail
10.4AAA
17.3AAA
Black BG
18.3AAA
13.6AAA
8.2AAA
2.0Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6DA
DBDAAA
ABAB80
474628
212106

Deuteranopia

F7F8DC
DCDEAD
ADAE82
47492A
222408

Tritanopia

FBDFE0
E4B3B5
B48889
4C2E2F
280B0B

Achromatopsia

EFEFEF
CFCFCF
A1A1A1
3F3F3F
1A1A1A

Shades & Tints Shades & Tints

#FCEED4

Dark
Light

#E5CD9F

Dark
Light

#B59F76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fceed4;
  --color-2: #e5cd9f;
  --color-3: #b59f76;
  --color-4: #4d3e21;
  --color-5: #291701;
}

SCSS

$color-1: #fceed4;
$color-2: #e5cd9f;
$color-3: #b59f76;
$color-4: #4d3e21;
$color-5: #291701;

TAILWIND

colors: {
  'brand-1': '#fceed4',
  'brand-2': '#e5cd9f',
  'brand-3': '#b59f76',
  'brand-4': '#4d3e21',
  'brand-5': '#291701',
}

RGB Array

[252, 238, 212], [229, 205, 159], [181, 159, 118], [77, 62, 33], [41, 23, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCEED4, #E5CD9F, #B59F76, #4D3E21, #291701 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fceed4; --color-2: #e5cd9f; --color-3: #b59f76; --color-4: #4d3e21; --color-5: #291701. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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