← Back to Editor

#FCF4CF · #F5D9B4 · #E1C190 · #500627 · #ED9E65

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

#FCF4CF

Goose Yellow · Beige · Lemon Cream

HEX
#FCF4CF
RGB
rgb(252, 244, 207)
HSL
hsl(49, 88%, 90%)
HSB
hsb(49, 18%, 99%)
CMYK
cmyk(0%, 3%, 18%, 1%)
Oklch
oklch(96.4% 0.049 97.1)

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

#F5D9B4

Goose Yellow · Wheat · Peach Orange

HEX
#F5D9B4
RGB
rgb(245, 217, 180)
HSL
hsl(34, 76%, 83%)
HSB
hsb(34, 27%, 96%)
CMYK
cmyk(0%, 11%, 27%, 4%)
Oklch
oklch(89.9% 0.058 74.6)

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

#E1C190

Goose Yellow · BurlyWood · Warm Sun

HEX
#E1C190
RGB
rgb(225, 193, 144)
HSL
hsl(36, 57%, 72%)
HSB
hsb(36, 36%, 88%)
CMYK
cmyk(0%, 14%, 36%, 12%)
Oklch
oklch(82.7% 0.074 78.1)

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

#500627

Dark Violet · Maroon · Raspberry

HEX
#500627
RGB
rgb(80, 6, 39)
HSL
hsl(333, 86%, 17%)
HSB
hsb(333, 93%, 31%)
CMYK
cmyk(0%, 93%, 51%, 69%)
Oklch
oklch(28.5% 0.107 0.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#ED9E65

Apricot · SandyBrown · Warm Sun

HEX
#ED9E65
RGB
rgb(237, 158, 101)
HSL
hsl(25, 79%, 66%)
HSB
hsb(25, 57%, 93%)
CMYK
cmyk(0%, 33%, 57%, 7%)
Oklch
oklch(76.6% 0.119 55.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF4CF
CFD7FC

Analogous

FCDDCF
FCF4CF
EEFCCF

Triadic

FCF4CF
CFFCF4
F4CFFC

Split-Comp.

FCF4CF
CFEEFC
DDCFFC

Tetradic

FCF4CF
CFFCDD
CFD7FC
FCCFEE

Contrast Matrix WCAG 2.1 Contrast

FCF4CF
F5D9B4
E1C190
500627
ED9E65
—
1.2
Fail
1.6
Fail
13.6
AAA
2.0
Fail
1.2
Fail
—
1.3
Fail
11.1
AAA
1.6
Fail
1.6
Fail
1.3
Fail
—
8.8
AAA
1.3
Fail
13.6
AAA
11.1
AAA
8.8
AAA
—
6.9
AA
2.0
Fail
1.6
Fail
1.3
Fail
6.9
AA
—
White BG
1.1Fail
1.4Fail
1.7Fail
15.0AAA
2.2Fail
Black BG
19.0AAA
15.5AAA
12.2AAA
1.4Fail
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F8D8
E9E9BD
D3D39C
302F1F
CBCA73

Deuteranopia

F9FADA
EBEDBF
D5D79F
343A1D
CFD576

Tritanopia

FCDFE1
F4C4C6
DFA5A7
4C1917
E97E80

Achromatopsia

F2F2F2
DDDDDD
C5C5C5
202020
AFAFAF

Shades & Tints Shades & Tints

#FCF4CF

Dark
Light

#F5D9B4

Dark
Light

#E1C190

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf4cf;
  --color-2: #f5d9b4;
  --color-3: #e1c190;
  --color-4: #500627;
  --color-5: #ed9e65;
}

SCSS

$color-1: #fcf4cf;
$color-2: #f5d9b4;
$color-3: #e1c190;
$color-4: #500627;
$color-5: #ed9e65;

TAILWIND

colors: {
  'brand-1': '#fcf4cf',
  'brand-2': '#f5d9b4',
  'brand-3': '#e1c190',
  'brand-4': '#500627',
  'brand-5': '#ed9e65',
}

RGB Array

[252, 244, 207], [245, 217, 180], [225, 193, 144], [80, 6, 39], [237, 158, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF4CF, #F5D9B4, #E1C190, #500627, #ED9E65 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #fcf4cf; --color-2: #f5d9b4; --color-3: #e1c190; --color-4: #500627; --color-5: #ed9e65. 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 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