← Back to Editor

#EDD39A · #CD972B · #D27A20 · #82493E · #B53900

sunset

A 5-color sunset 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

#EDD39A

Goose Yellow · Khaki · Lemon Cream

HEX
#EDD39A
RGB
rgb(237, 211, 154)
HSL
hsl(41, 70%, 77%)
HSB
hsb(41, 35%, 93%)
CMYK
cmyk(0%, 11%, 35%, 7%)
Oklch
oklch(87.5% 0.079 86.2)

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

#CD972B

Ochre · GoldenRod · Honey Gold

HEX
#CD972B
RGB
rgb(205, 151, 43)
HSL
hsl(40, 65%, 49%)
HSB
hsb(40, 79%, 80%)
CMYK
cmyk(0%, 26%, 79%, 20%)
Oklch
oklch(71.1% 0.134 79.9)

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

#D27A20

Ochre · Chocolate · Amber Brown

HEX
#D27A20
RGB
rgb(210, 122, 32)
HSL
hsl(30, 74%, 47%)
HSB
hsb(30, 85%, 82%)
CMYK
cmyk(0%, 42%, 85%, 18%)
Oklch
oklch(66.2% 0.145 59.7)

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

#82493E

Crimson · Sienna · Wine Red

HEX
#82493E
RGB
rgb(130, 73, 62)
HSL
hsl(10, 35%, 38%)
HSB
hsb(10, 52%, 51%)
CMYK
cmyk(0%, 44%, 52%, 49%)
Oklch
oklch(47.1% 0.080 31.9)

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

#B53900

Tangerine · FireBrick · Amber Brown

HEX
#B53900
RGB
rgb(181, 57, 0)
HSL
hsl(19, 100%, 35%)
HSB
hsb(19, 100%, 71%)
CMYK
cmyk(0%, 69%, 100%, 29%)
Oklch
oklch(52.2% 0.169 38.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDD39A
9BB5ED

Analogous

EDAA9B
EDD39A
DEED9B

Triadic

EDD39A
9BEDD3
D39BED

Split-Comp.

EDD39A
9BDEED
AA9BED

Tetradic

EDD39A
9BEDAA
9BB5ED
ED9BDE

Contrast Matrix WCAG 2.1 Contrast

EDD39A
CD972B
D27A20
82493E
B53900
—
1.8
Fail
2.2
Fail
4.8
AA
4.1
AA Large
1.8
Fail
—
1.2
Fail
2.7
Fail
2.3
Fail
2.2
Fail
1.2
Fail
—
2.2
Fail
1.8
Fail
4.8
AA
2.7
Fail
2.2
Fail
—
1.2
Fail
4.1
AA Large
2.3
Fail
1.8
Fail
1.2
Fail
—
White BG
1.5Fail
2.6Fail
3.2AA Large
7.1AAA
5.9AA
Black BG
14.4AAA
8.1AAA
6.5AA
3.0Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2A8
B6B545
ACAB36
696941
7F7E0E

Deuteranopia

E3E5AB
B9BD4B
B1B83B
6D7141
879011

Tritanopia

ECB3B5
CA5A5E
CE474B
7F4343
AF191B

Achromatopsia

D4D4D4
9B9B9B
8A8A8A
595959
585858

Shades & Tints Shades & Tints

#EDD39A

Dark
Light

#CD972B

Dark
Light

#D27A20

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edd39a;
  --color-2: #cd972b;
  --color-3: #d27a20;
  --color-4: #82493e;
  --color-5: #b53900;
}

SCSS

$color-1: #edd39a;
$color-2: #cd972b;
$color-3: #d27a20;
$color-4: #82493e;
$color-5: #b53900;

TAILWIND

colors: {
  'brand-1': '#edd39a',
  'brand-2': '#cd972b',
  'brand-3': '#d27a20',
  'brand-4': '#82493e',
  'brand-5': '#b53900',
}

RGB Array

[237, 211, 154], [205, 151, 43], [210, 122, 32], [130, 73, 62], [181, 57, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #EDD39A, #CD972B, #D27A20, #82493E, #B53900 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: #edd39a; --color-2: #cd972b; --color-3: #d27a20; --color-4: #82493e; --color-5: #b53900. 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 sunset-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