← Back to Editor

#EDD5AD · #F9A460 · #EF4938 · #C60729 · #2E3039

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

#EDD5AD

Goose Yellow · Wheat · Peach Orange

HEX
#EDD5AD
RGB
rgb(237, 213, 173)
HSL
hsl(38, 64%, 80%)
HSB
hsb(38, 27%, 93%)
CMYK
cmyk(0%, 10%, 27%, 7%)
Oklch
oklch(88.3% 0.059 80.4)

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

#F9A460

Apricot · SandyBrown · Warm Sun

HEX
#F9A460
RGB
rgb(249, 164, 96)
HSL
hsl(27, 93%, 68%)
HSB
hsb(27, 61%, 98%)
CMYK
cmyk(0%, 34%, 61%, 2%)
Oklch
oklch(79.0% 0.131 57.9)

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

#EF4938

Vermilion · Tomato · Passion Red

HEX
#EF4938
RGB
rgb(239, 73, 56)
HSL
hsl(6, 85%, 58%)
HSB
hsb(6, 77%, 94%)
CMYK
cmyk(0%, 69%, 77%, 6%)
Oklch
oklch(64.0% 0.205 29.7)

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

#C60729

Vermilion · Crimson · Wine Red

HEX
#C60729
RGB
rgb(198, 7, 41)
HSL
hsl(349, 93%, 40%)
HSB
hsb(349, 96%, 78%)
CMYK
cmyk(0%, 96%, 79%, 22%)
Oklch
oklch(52.3% 0.209 23.0)

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

#2E3039

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2E3039
RGB
rgb(46, 48, 57)
HSL
hsl(229, 11%, 20%)
HSB
hsb(229, 19%, 22%)
CMYK
cmyk(19%, 16%, 0%, 78%)
Oklch
oklch(31.1% 0.016 275.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDD5AD
ABC3ED

Analogous

EDB4AB
EDD5AD
E4EDAB

Triadic

EDD5AD
ABEDD5
D5ABED

Split-Comp.

EDD5AD
ABE4ED
B4ABED

Tetradic

EDD5AD
ABEDB4
ABC3ED
EDABE4

Contrast Matrix WCAG 2.1 Contrast

EDD5AD
F9A460
EF4938
C60729
2E3039
—
1.4
Fail
2.6
Fail
4.3
AA Large
9.2
AAA
1.4
Fail
—
1.8
Fail
3.0
AA Large
6.6
AA
2.6
Fail
1.8
Fail
—
1.6
Fail
3.6
AA Large
4.3
AA Large
3.0
AA Large
1.6
Fail
—
2.2
Fail
9.2
AAA
6.6
AA
3.6
AA Large
2.2
Fail
—
White BG
1.4Fail
2.0Fail
3.7AA Large
6.1AA
13.1AAA
Black BG
14.7AAA
10.5AAA
5.7AA
3.5AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E2B7
D4D370
A7A63C
737221
2F2F37

Deuteranopia

E4E6B9
D9DF74
B1BD3D
7E8D1F
2F2F36

Tritanopia

ECBEC0
F57D80
E73F40
BC1A19
2E3535

Achromatopsia

D8D8D8
B6B6B6
797979
444444
303030

Shades & Tints Shades & Tints

#EDD5AD

Dark
Light

#F9A460

Dark
Light

#EF4938

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edd5ad;
  --color-2: #f9a460;
  --color-3: #ef4938;
  --color-4: #c60729;
  --color-5: #2e3039;
}

SCSS

$color-1: #edd5ad;
$color-2: #f9a460;
$color-3: #ef4938;
$color-4: #c60729;
$color-5: #2e3039;

TAILWIND

colors: {
  'brand-1': '#edd5ad',
  'brand-2': '#f9a460',
  'brand-3': '#ef4938',
  'brand-4': '#c60729',
  'brand-5': '#2e3039',
}

RGB Array

[237, 213, 173], [249, 164, 96], [239, 73, 56], [198, 7, 41], [46, 48, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDD5AD, #F9A460, #EF4938, #C60729, #2E3039 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: #edd5ad; --color-2: #f9a460; --color-3: #ef4938; --color-4: #c60729; --color-5: #2e3039. 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