← Back to Editor

#EFDCB5 · #FCC588 · #F68D71 · #D54469 · #5C4A6F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EFDCB5

Goose Yellow · Wheat · Lemon Cream

HEX
#EFDCB5
RGB
rgb(239, 220, 181)
HSL
hsl(40, 64%, 82%)
HSB
hsb(40, 24%, 94%)
CMYK
cmyk(0%, 8%, 24%, 6%)
Oklch
oklch(90.0% 0.055 85.1)

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

#FCC588

Goose Yellow · BurlyWood · Peach Orange

HEX
#FCC588
RGB
rgb(252, 197, 136)
HSL
hsl(32, 95%, 76%)
HSB
hsb(32, 46%, 99%)
CMYK
cmyk(0%, 22%, 46%, 1%)
Oklch
oklch(85.9% 0.100 68.8)

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

#F68D71

Peach Pink · Salmon · Coral Red

HEX
#F68D71
RGB
rgb(246, 141, 113)
HSL
hsl(13, 88%, 70%)
HSB
hsb(13, 54%, 96%)
CMYK
cmyk(0%, 43%, 54%, 4%)
Oklch
oklch(75.0% 0.134 35.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D54469

Vermilion · MediumVioletRed · Passion Red

HEX
#D54469
RGB
rgb(213, 68, 105)
HSL
hsl(345, 63%, 55%)
HSB
hsb(345, 68%, 84%)
CMYK
cmyk(0%, 68%, 51%, 16%)
Oklch
oklch(60.1% 0.182 9.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#5C4A6F

Deep Indigo · DimGray · Eggplant

HEX
#5C4A6F
RGB
rgb(92, 74, 111)
HSL
hsl(269, 20%, 36%)
HSB
hsb(269, 33%, 44%)
CMYK
cmyk(17%, 33%, 0%, 56%)
Oklch
oklch(44.3% 0.063 306.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFDCB5
B4C7EE

Analogous

EEBEB4
EFDCB5
E5EEB4

Triadic

EFDCB5
B4EEDB
DBB4EE

Split-Comp.

EFDCB5
B4E5EE
BEB4EE

Tetradic

EFDCB5
B4EEBE
B4C7EE
EEB4E5

Contrast Matrix WCAG 2.1 Contrast

EFDCB5
FCC588
F68D71
D54469
5C4A6F
—
1.2
Fail
1.7
Fail
3.2
AA Large
5.8
AA
1.2
Fail
—
1.5
Fail
2.8
Fail
5.1
AA
1.7
Fail
1.5
Fail
—
1.8
Fail
3.4
AA Large
3.2
AA Large
2.8
Fail
1.8
Fail
—
1.8
Fail
5.8
AA
5.1
AA
3.4
AA Large
1.8
Fail
—
White BG
1.3Fail
1.6Fail
2.3Fail
4.3AA Large
7.9AAA
Black BG
15.6AAA
13.5AAA
9.0AAA
4.9AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7BE
E4E497
C9C878
969560
545466

Deuteranopia

E8E9C1
E7EB9A
CFD779
9FAA5E
555764

Tritanopia

EEC6C8
F9A2A5
F17D7E
CE5957
5B5F5D

Achromatopsia

DDDDDD
CECECE
A9A9A9
747474
545454

Shades & Tints Shades & Tints

#EFDCB5

Dark
Light

#FCC588

Dark
Light

#F68D71

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efdcb5;
  --color-2: #fcc588;
  --color-3: #f68d71;
  --color-4: #d54469;
  --color-5: #5c4a6f;
}

SCSS

$color-1: #efdcb5;
$color-2: #fcc588;
$color-3: #f68d71;
$color-4: #d54469;
$color-5: #5c4a6f;

TAILWIND

colors: {
  'brand-1': '#efdcb5',
  'brand-2': '#fcc588',
  'brand-3': '#f68d71',
  'brand-4': '#d54469',
  'brand-5': '#5c4a6f',
}

RGB Array

[239, 220, 181], [252, 197, 136], [246, 141, 113], [213, 68, 105], [92, 74, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFDCB5, #FCC588, #F68D71, #D54469, #5C4A6F 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: #efdcb5; --color-2: #fcc588; --color-3: #f68d71; --color-4: #d54469; --color-5: #5c4a6f. 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