← Back to Editor

#D88E61 · #D56262 · #931779 · #441A54 · #1E022C

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

#D88E61

Apricot · DarkSalmon · Warm Sun

HEX
#D88E61
RGB
rgb(216, 142, 97)
HSL
hsl(23, 60%, 61%)
HSB
hsb(23, 55%, 85%)
CMYK
cmyk(0%, 34%, 55%, 15%)
Oklch
oklch(71.2% 0.109 51.5)

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

#D56262

Peach Pink · Tomato · Coral Red

HEX
#D56262
RGB
rgb(213, 98, 98)
HSL
hsl(0, 58%, 61%)
HSB
hsb(0, 54%, 84%)
CMYK
cmyk(0%, 54%, 54%, 16%)
Oklch
oklch(63.7% 0.146 22.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#931779

Rose Purple · DarkMagenta · Eggplant

HEX
#931779
RGB
rgb(147, 23, 121)
HSL
hsl(313, 73%, 33%)
HSB
hsb(313, 84%, 58%)
CMYK
cmyk(0%, 84%, 18%, 42%)
Oklch
oklch(45.9% 0.184 338.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#441A54

Royal Purple · MidnightBlue · Eggplant

HEX
#441A54
RGB
rgb(68, 26, 84)
HSL
hsl(283, 53%, 22%)
HSB
hsb(283, 69%, 33%)
CMYK
cmyk(19%, 69%, 0%, 67%)
Oklch
oklch(31.0% 0.107 315.4)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#1E022C

Royal Purple · Black · Dark Purple

HEX
#1E022C
RGB
rgb(30, 2, 44)
HSL
hsl(280, 91%, 9%)
HSB
hsb(280, 95%, 17%)
CMYK
cmyk(32%, 95%, 0%, 83%)
Oklch
oklch(18.2% 0.084 311.9)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D88E61
60A9D7

Analogous

D7606E
D88E61
D7C960

Triadic

D88E61
60D78E
8E60D7

Split-Comp.

D88E61
60D7C9
606ED7

Tetradic

D88E61
6ED760
60A9D7
C960D7

Contrast Matrix WCAG 2.1 Contrast

D88E61
D56262
931779
441A54
1E022C
—
1.4
Fail
3.0
AA Large
5.2
AA
7.2
AAA
1.4
Fail
—
2.2
Fail
3.8
AA Large
5.2
AA
3.0
AA Large
2.2
Fail
—
1.7
Fail
2.4
Fail
5.2
AA
3.8
AA Large
1.7
Fail
—
1.4
Fail
7.2
AAA
5.2
AA
2.4
Fail
1.4
Fail
—
White BG
2.6Fail
3.7AA Large
8.0AAA
13.8AAA
19.1AAA
Black BG
8.0AAA
5.8AA
2.6Fail
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B76C
A3A262
5D5C61
323146
121222

Deuteranopia

BCC26F
AAB362
656E5C
343743
14161F

Tritanopia

D47476
CF6262
8D4F4A
423B38
1D1A18

Achromatopsia

9F9F9F
848484
474747
2D2D2D
0F0F0F

Shades & Tints Shades & Tints

#D88E61

Dark
Light

#D56262

Dark
Light

#931779

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d88e61;
  --color-2: #d56262;
  --color-3: #931779;
  --color-4: #441a54;
  --color-5: #1e022c;
}

SCSS

$color-1: #d88e61;
$color-2: #d56262;
$color-3: #931779;
$color-4: #441a54;
$color-5: #1e022c;

TAILWIND

colors: {
  'brand-1': '#d88e61',
  'brand-2': '#d56262',
  'brand-3': '#931779',
  'brand-4': '#441a54',
  'brand-5': '#1e022c',
}

RGB Array

[216, 142, 97], [213, 98, 98], [147, 23, 121], [68, 26, 84], [30, 2, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #D88E61, #D56262, #931779, #441A54, #1E022C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #d88e61; --color-2: #d56262; --color-3: #931779; --color-4: #441a54; --color-5: #1e022c. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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