← Back to Editor

#543459 · #B9586B · #E3A06C · #D2C9A8 · #97BEA1

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

#543459

Dark Plum · DarkSlateGray · Eggplant

HEX
#543459
RGB
rgb(84, 52, 89)
HSL
hsl(292, 26%, 28%)
HSB
hsb(292, 42%, 35%)
CMYK
cmyk(6%, 42%, 0%, 65%)
Oklch
oklch(37.9% 0.073 322.0)

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

#B9586B

Crimson · Sienna · Passion Red

HEX
#B9586B
RGB
rgb(185, 88, 107)
HSL
hsl(348, 41%, 54%)
HSB
hsb(348, 52%, 73%)
CMYK
cmyk(0%, 52%, 42%, 27%)
Oklch
oklch(58.4% 0.126 9.5)

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

#E3A06C

Apricot · DarkSalmon · Warm Sun

HEX
#E3A06C
RGB
rgb(227, 160, 108)
HSL
hsl(26, 68%, 66%)
HSB
hsb(26, 52%, 89%)
CMYK
cmyk(0%, 30%, 52%, 11%)
Oklch
oklch(75.9% 0.105 58.2)

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

#D2C9A8

Goose Yellow · Silver · Sunflower

HEX
#D2C9A8
RGB
rgb(210, 201, 168)
HSL
hsl(47, 32%, 74%)
HSB
hsb(47, 20%, 82%)
CMYK
cmyk(0%, 4%, 20%, 18%)
Oklch
oklch(83.5% 0.045 94.5)

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

#97BEA1

Celadon · DarkSeaGreen · Apple Green

HEX
#97BEA1
RGB
rgb(151, 190, 161)
HSL
hsl(135, 23%, 67%)
HSB
hsb(135, 21%, 75%)
CMYK
cmyk(21%, 0%, 15%, 25%)
Oklch
oklch(76.5% 0.059 152.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

543459
3A5A35

Analogous

42355A
543459
5A354C

Triadic

543459
5A5535
355A55

Split-Comp.

543459
4C5A35
355A42

Tetradic

543459
5A4235
3A5A35
354C5A

Contrast Matrix WCAG 2.1 Contrast

543459
B9586B
E3A06C
D2C9A8
97BEA1
—
2.3
Fail
4.7
AA
6.3
AA
5.1
AA
2.3
Fail
—
2.0
Fail
2.7
Fail
2.2
Fail
4.7
AA
2.0
Fail
—
1.3
Fail
1.1
Fail
6.3
AA
2.7
Fail
1.3
Fail
—
1.2
Fail
5.1
AA
2.2
Fail
1.1
Fail
1.2
Fail
—
White BG
10.4AAA
4.5AA Large
2.2Fail
1.7Fail
2.1Fail
Black BG
2.0Fail
4.7AA
9.5AAA
12.7AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464650
8F8E66
C6C579
CECEB0
A8A8A8

Deuteranopia

484A4E
959C65
CACF7C
CFCFB2
A6A3AA

Tritanopia

524947
B46362
E08385
D2B6B8
99AEAF

Achromatopsia

424242
777777
AEAEAE
C8C8C8
AFAFAF

Shades & Tints Shades & Tints

#543459

Dark
Light

#B9586B

Dark
Light

#E3A06C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #543459;
  --color-2: #b9586b;
  --color-3: #e3a06c;
  --color-4: #d2c9a8;
  --color-5: #97bea1;
}

SCSS

$color-1: #543459;
$color-2: #b9586b;
$color-3: #e3a06c;
$color-4: #d2c9a8;
$color-5: #97bea1;

TAILWIND

colors: {
  'brand-1': '#543459',
  'brand-2': '#b9586b',
  'brand-3': '#e3a06c',
  'brand-4': '#d2c9a8',
  'brand-5': '#97bea1',
}

RGB Array

[84, 52, 89], [185, 88, 107], [227, 160, 108], [210, 201, 168], [151, 190, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #543459, #B9586B, #E3A06C, #D2C9A8, #97BEA1 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: #543459; --color-2: #b9586b; --color-3: #e3a06c; --color-4: #d2c9a8; --color-5: #97bea1. 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