← Back to Editor

#DE7D4A · #E79855 · #EECB89 · #545D4C · #1A2930

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DE7D4A

Tangerine · Coral · Warm Sun

HEX
#DE7D4A
RGB
rgb(222, 125, 74)
HSL
hsl(21, 69%, 58%)
HSB
hsb(21, 67%, 87%)
CMYK
cmyk(0%, 44%, 67%, 13%)
Oklch
oklch(68.7% 0.137 47.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E79855

Apricot · SandyBrown · Warm Sun

HEX
#E79855
RGB
rgb(231, 152, 85)
HSL
hsl(28, 75%, 62%)
HSB
hsb(28, 63%, 91%)
CMYK
cmyk(0%, 34%, 63%, 9%)
Oklch
oklch(74.6% 0.126 59.3)

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

#EECB89

Goose Yellow · BurlyWood · Warm Sun

HEX
#EECB89
RGB
rgb(238, 203, 137)
HSL
hsl(39, 75%, 74%)
HSB
hsb(39, 42%, 93%)
CMYK
cmyk(0%, 15%, 42%, 7%)
Oklch
oklch(85.7% 0.093 82.7)

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

#545D4C

Celadon · DarkOliveGreen · Forest Green

HEX
#545D4C
RGB
rgb(84, 93, 76)
HSL
hsl(92, 10%, 33%)
HSB
hsb(92, 18%, 36%)
CMYK
cmyk(10%, 0%, 18%, 64%)
Oklch
oklch(46.5% 0.029 130.3)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#1A2930

Slate Blue · DarkSlateGray · Peacock Green

HEX
#1A2930
RGB
rgb(26, 41, 48)
HSL
hsl(199, 30%, 15%)
HSB
hsb(199, 46%, 19%)
CMYK
cmyk(46%, 15%, 0%, 81%)
Oklch
oklch(27.1% 0.024 228.7)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE7D4A
4AAADE

Analogous

DE4A60
DE7D4A
DEC84A

Triadic

DE7D4A
4ADE7E
7E4ADE

Split-Comp.

DE7D4A
4ADEC8
4A60DE

Tetradic

DE7D4A
60DE4A
4AAADE
C84ADE

Contrast Matrix WCAG 2.1 Contrast

DE7D4A
E79855
EECB89
545D4C
1A2930
—
1.3
Fail
1.9
Fail
2.3
Fail
5.1
AA
1.3
Fail
—
1.5
Fail
3.0
Fail
6.4
AA
1.9
Fail
1.5
Fail
—
4.4
AA Large
9.6
AAA
2.3
Fail
3.0
Fail
4.4
AA Large
—
2.2
Fail
5.1
AA
6.4
AA
9.6
AAA
2.2
Fail
—
White BG
2.9Fail
2.3Fail
1.6Fail
6.9AA
15.0AAA
Black BG
7.1AAA
9.0AAA
13.5AAA
3.0AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B356
C5C465
DFDF99
585850
20212E

Deuteranopia

BAC159
C9CF69
E1E49D
575751
201F2E

Tritanopia

D96062
E37275
ECA6A8
545354
1B2D2D

Achromatopsia

949494
A8A8A8
CECECE
585858
252525

Shades & Tints Shades & Tints

#DE7D4A

Dark
Light

#E79855

Dark
Light

#EECB89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de7d4a;
  --color-2: #e79855;
  --color-3: #eecb89;
  --color-4: #545d4c;
  --color-5: #1a2930;
}

SCSS

$color-1: #de7d4a;
$color-2: #e79855;
$color-3: #eecb89;
$color-4: #545d4c;
$color-5: #1a2930;

TAILWIND

colors: {
  'brand-1': '#de7d4a',
  'brand-2': '#e79855',
  'brand-3': '#eecb89',
  'brand-4': '#545d4c',
  'brand-5': '#1a2930',
}

RGB Array

[222, 125, 74], [231, 152, 85], [238, 203, 137], [84, 93, 76], [26, 41, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #DE7D4A, #E79855, #EECB89, #545D4C, #1A2930 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #de7d4a; --color-2: #e79855; --color-3: #eecb89; --color-4: #545d4c; --color-5: #1a2930. 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 tech, SaaS, healthcare, eco industries. 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