← Back to Editor

#EAD26E · #DD704F · #AA5753 · #825051 · #555358

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 Library

Color Details Color Details

#EAD26E

Ginger · Khaki · Sunflower

HEX
#EAD26E
RGB
rgb(234, 210, 110)
HSL
hsl(48, 75%, 67%)
HSB
hsb(48, 53%, 92%)
CMYK
cmyk(0%, 10%, 53%, 8%)
Oklch
oklch(86.4% 0.123 96.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DD704F

Vermilion · Coral · Passion Red

HEX
#DD704F
RGB
rgb(221, 112, 79)
HSL
hsl(14, 68%, 59%)
HSB
hsb(14, 64%, 87%)
CMYK
cmyk(0%, 49%, 64%, 13%)
Oklch
oklch(66.6% 0.145 37.6)

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

#AA5753

Crimson · Sienna · Passion Red

HEX
#AA5753
RGB
rgb(170, 87, 83)
HSL
hsl(3, 34%, 50%)
HSB
hsb(3, 51%, 67%)
CMYK
cmyk(0%, 49%, 51%, 33%)
Oklch
oklch(55.6% 0.110 24.1)

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

#825051

Crimson · DimGray · Passion Red

HEX
#825051
RGB
rgb(130, 80, 81)
HSL
hsl(359, 24%, 41%)
HSB
hsb(359, 38%, 51%)
CMYK
cmyk(0%, 38%, 38%, 49%)
Oklch
oklch(48.8% 0.068 18.5)

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

#555358

Ink Gray · DimGray · Charcoal

HEX
#555358
RGB
rgb(85, 83, 88)
HSL
hsl(264, 3%, 34%)
HSB
hsb(264, 6%, 35%)
CMYK
cmyk(3%, 6%, 0%, 65%)
Oklch
oklch(44.6% 0.008 304.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD26E
6C85EA

Analogous

EA926C
EAD26E
C4EA6C

Triadic

EAD26E
6CEAD1
D16CEA

Split-Comp.

EAD26E
6CC4EA
926CEA

Tetradic

EAD26E
6CEA92
6C85EA
EA6CC4

Contrast Matrix WCAG 2.1 Contrast

EAD26E
DD704F
AA5753
825051
555358
—
2.1
Fail
3.3
AA Large
4.3
AA Large
5.0
AA
2.1
Fail
—
1.5
Fail
2.0
Fail
2.4
Fail
3.3
AA Large
1.5
Fail
—
1.3
Fail
1.5
Fail
4.3
AA Large
2.0
Fail
1.3
Fail
—
1.2
Fail
5.0
AA
2.4
Fail
1.5
Fail
1.2
Fail
—
White BG
1.5Fail
3.2AA Large
5.0AA
6.5AA
7.6AAA
Black BG
13.9AAA
6.5AA
4.2AA Large
3.2AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0DF86
AEAD57
868554
6C6C51
545457

Deuteranopia

E1E38C
B4BC59
8B9154
6F7351
545457

Tritanopia

E9999E
D85D5F
A65555
805151
555656

Achromatopsia

CECECE
8D8D8D
6F6F6F
5F5F5F
545454

Shades & Tints Shades & Tints

#EAD26E

Dark
Light

#DD704F

Dark
Light

#AA5753

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead26e;
  --color-2: #dd704f;
  --color-3: #aa5753;
  --color-4: #825051;
  --color-5: #555358;
}

SCSS

$color-1: #ead26e;
$color-2: #dd704f;
$color-3: #aa5753;
$color-4: #825051;
$color-5: #555358;

TAILWIND

colors: {
  'brand-1': '#ead26e',
  'brand-2': '#dd704f',
  'brand-3': '#aa5753',
  'brand-4': '#825051',
  'brand-5': '#555358',
}

RGB Array

[234, 210, 110], [221, 112, 79], [170, 87, 83], [130, 80, 81], [85, 83, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #EAD26E, #DD704F, #AA5753, #825051, #555358 is ideal for: corporate websites, product showcases, portfolios. 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: #ead26e; --color-2: #dd704f; --color-3: #aa5753; --color-4: #825051; --color-5: #555358. 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. 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