← Back to Editor

#EDE0A4 · #F5BD56 · #F47F42 · #EB072E · #47473E

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

#EDE0A4

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE0A4
RGB
rgb(237, 224, 164)
HSL
hsl(49, 67%, 79%)
HSB
hsb(49, 31%, 93%)
CMYK
cmyk(0%, 5%, 31%, 7%)
Oklch
oklch(90.3% 0.078 97.4)

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

#F5BD56

Ginger · SandyBrown · Warm Sun

HEX
#F5BD56
RGB
rgb(245, 189, 86)
HSL
hsl(39, 89%, 65%)
HSB
hsb(39, 65%, 96%)
CMYK
cmyk(0%, 23%, 65%, 4%)
Oklch
oklch(83.0% 0.135 80.2)

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

#F47F42

Apricot · Coral · Warm Sun

HEX
#F47F42
RGB
rgb(244, 127, 66)
HSL
hsl(21, 89%, 61%)
HSB
hsb(21, 73%, 96%)
CMYK
cmyk(0%, 48%, 73%, 4%)
Oklch
oklch(71.9% 0.162 46.1)

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

#EB072E

Vermilion · Crimson · Passion Red

HEX
#EB072E
RGB
rgb(235, 7, 46)
HSL
hsl(350, 94%, 47%)
HSB
hsb(350, 97%, 92%)
CMYK
cmyk(0%, 97%, 80%, 8%)
Oklch
oklch(59.4% 0.238 23.9)

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

#47473E

Dark Cyan · DarkSlateGray · Charcoal

HEX
#47473E
RGB
rgb(71, 71, 62)
HSL
hsl(60, 7%, 26%)
HSB
hsb(60, 13%, 28%)
CMYK
cmyk(0%, 0%, 13%, 72%)
Oklch
oklch(39.5% 0.015 107.1)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE0A4
A6B3ED

Analogous

EDBCA6
EDE0A4
D7EDA6

Triadic

EDE0A4
A6EDE0
E0A6ED

Split-Comp.

EDE0A4
A6D7ED
BCA6ED

Tetradic

EDE0A4
A6EDBC
A6B3ED
EDA6D7

Contrast Matrix WCAG 2.1 Contrast

EDE0A4
F5BD56
F47F42
EB072E
47473E
—
1.3
Fail
2.0
Fail
3.4
AA Large
7.1
AAA
1.3
Fail
—
1.5
Fail
2.7
Fail
5.5
AA
2.0
Fail
1.5
Fail
—
1.7
Fail
3.6
AA Large
3.4
AA Large
2.7
Fail
1.7
Fail
—
2.1
Fail
7.1
AAA
5.5
AA
3.6
AA Large
2.1
Fail
—
White BG
1.3Fail
1.7Fail
2.6Fail
4.6AA
9.4AAA
Black BG
15.8AAA
12.3AAA
8.0AAA
4.6AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7B3
DDDC6F
C1C051
888625
474740

Deuteranopia

E8E9B6
E0E475
C8D154
96A722
474741

Tritanopia

ECBEC1
F28387
EE5C5F
E01D1B
474242

Achromatopsia

DDDDDD
C2C2C2
9B9B9B
505050
464646

Shades & Tints Shades & Tints

#EDE0A4

Dark
Light

#F5BD56

Dark
Light

#F47F42

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede0a4;
  --color-2: #f5bd56;
  --color-3: #f47f42;
  --color-4: #eb072e;
  --color-5: #47473e;
}

SCSS

$color-1: #ede0a4;
$color-2: #f5bd56;
$color-3: #f47f42;
$color-4: #eb072e;
$color-5: #47473e;

TAILWIND

colors: {
  'brand-1': '#ede0a4',
  'brand-2': '#f5bd56',
  'brand-3': '#f47f42',
  'brand-4': '#eb072e',
  'brand-5': '#47473e',
}

RGB Array

[237, 224, 164], [245, 189, 86], [244, 127, 66], [235, 7, 46], [71, 71, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE0A4, #F5BD56, #F47F42, #EB072E, #47473E 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: #ede0a4; --color-2: #f5bd56; --color-3: #f47f42; --color-4: #eb072e; --color-5: #47473e. 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