← Back to Editor

#E5D95E · #F5AD7A · #E35F94 · #883991 · #332839

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E5D95E

Fresh Green · Khaki · Sunflower

HEX
#E5D95E
RGB
rgb(229, 217, 94)
HSL
hsl(55, 72%, 63%)
HSB
hsb(55, 59%, 90%)
CMYK
cmyk(0%, 5%, 59%, 10%)
Oklch
oklch(87.2% 0.144 103.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F5AD7A

Apricot · LightSalmon · Warm Sun

HEX
#F5AD7A
RGB
rgb(245, 173, 122)
HSL
hsl(25, 86%, 72%)
HSB
hsb(25, 50%, 96%)
CMYK
cmyk(0%, 29%, 50%, 4%)
Oklch
oklch(80.5% 0.108 55.9)

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

#E35F94

Rouge · LightCoral · Rose Pink

HEX
#E35F94
RGB
rgb(227, 95, 148)
HSL
hsl(336, 70%, 63%)
HSB
hsb(336, 58%, 89%)
CMYK
cmyk(0%, 58%, 35%, 11%)
Oklch
oklch(66.6% 0.172 357.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#883991

Dark Plum · DarkMagenta · Eggplant

HEX
#883991
RGB
rgb(136, 57, 145)
HSL
hsl(294, 44%, 40%)
HSB
hsb(294, 61%, 57%)
CMYK
cmyk(6%, 61%, 0%, 43%)
Oklch
oklch(48.7% 0.156 323.5)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#332839

Dark Plum · DarkSlateGray · Dark Purple

HEX
#332839
RGB
rgb(51, 40, 57)
HSL
hsl(279, 18%, 19%)
HSB
hsb(279, 30%, 22%)
CMYK
cmyk(11%, 30%, 0%, 78%)
Oklch
oklch(29.7% 0.034 313.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5D95E
5D68E5

Analogous

E5955D
E5D95E
ACE55D

Triadic

E5D95E
5DE5D9
D95DE5

Split-Comp.

E5D95E
5DACE5
955DE5

Tetradic

E5D95E
5DE595
5D68E5
E55DAC

Contrast Matrix WCAG 2.1 Contrast

E5D95E
F5AD7A
E35F94
883991
332839
—
1.3
Fail
2.3
Fail
4.7
AA
9.6
AAA
1.3
Fail
—
1.8
Fail
3.7
AA Large
7.4
AAA
2.3
Fail
1.8
Fail
—
2.1
Fail
4.2
AA Large
4.7
AA
3.7
AA Large
2.1
Fail
—
2.0
Fail
9.6
AAA
7.4
AAA
4.2
AA Large
2.0
Fail
—
White BG
1.5Fail
1.9Fail
3.3AA Large
6.9AA
14.0AAA
Black BG
14.4AAA
11.1AAA
6.3AA
3.0AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E07C
D6D586
AAA987
66657C
2E2E35

Deuteranopia

E1E183
DADF89
B2BB84
6A7077
2F3034

Tritanopia

E49398
F19092
DC7D7B
846B67
323231

Achromatopsia

CFCFCF
BDBDBD
8D8D8D
5B5B5B
2D2D2D

Shades & Tints Shades & Tints

#E5D95E

Dark
Light

#F5AD7A

Dark
Light

#E35F94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5d95e;
  --color-2: #f5ad7a;
  --color-3: #e35f94;
  --color-4: #883991;
  --color-5: #332839;
}

SCSS

$color-1: #e5d95e;
$color-2: #f5ad7a;
$color-3: #e35f94;
$color-4: #883991;
$color-5: #332839;

TAILWIND

colors: {
  'brand-1': '#e5d95e',
  'brand-2': '#f5ad7a',
  'brand-3': '#e35f94',
  'brand-4': '#883991',
  'brand-5': '#332839',
}

RGB Array

[229, 217, 94], [245, 173, 122], [227, 95, 148], [136, 57, 145], [51, 40, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #E5D95E, #F5AD7A, #E35F94, #883991, #332839 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: #e5d95e; --color-2: #f5ad7a; --color-3: #e35f94; --color-4: #883991; --color-5: #332839. 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 dark-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