← Back to Editor

#E47257 · #BD5D4D · #EBB287 · #605043 · #27221F

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

#E47257

Peach Pink · Coral · Coral Red

HEX
#E47257
RGB
rgb(228, 114, 87)
HSL
hsl(11, 72%, 62%)
HSB
hsb(11, 62%, 89%)
CMYK
cmyk(0%, 50%, 62%, 11%)
Oklch
oklch(67.9% 0.148 34.5)

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

#BD5D4D

Crimson · Sienna · Passion Red

HEX
#BD5D4D
RGB
rgb(189, 93, 77)
HSL
hsl(9, 46%, 52%)
HSB
hsb(9, 59%, 74%)
CMYK
cmyk(0%, 51%, 59%, 26%)
Oklch
oklch(59.1% 0.127 31.0)

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

#EBB287

Apricot · BurlyWood · Warm Sun

HEX
#EBB287
RGB
rgb(235, 178, 135)
HSL
hsl(26, 71%, 73%)
HSB
hsb(26, 43%, 92%)
CMYK
cmyk(0%, 24%, 43%, 8%)
Oklch
oklch(80.6% 0.088 58.1)

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

#605043

Tangerine · DarkOliveGreen · Amber Brown

HEX
#605043
RGB
rgb(96, 80, 67)
HSL
hsl(27, 18%, 32%)
HSB
hsb(27, 30%, 38%)
CMYK
cmyk(0%, 17%, 30%, 62%)
Oklch
oklch(44.4% 0.030 61.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#27221F

Tangerine · Black · Cinnamon

HEX
#27221F
RGB
rgb(39, 34, 31)
HSL
hsl(22, 11%, 14%)
HSB
hsb(22, 21%, 15%)
CMYK
cmyk(0%, 13%, 21%, 85%)
Oklch
oklch(25.6% 0.009 53.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E47257
58CAE4

Analogous

E45885
E47257
E4B858

Triadic

E47257
58E472
7258E4

Split-Comp.

E47257
58E4B8
5885E4

Tetradic

E47257
85E458
58CAE4
B858E4

Contrast Matrix WCAG 2.1 Contrast

E47257
BD5D4D
EBB287
605043
27221F
—
1.4
Fail
1.6
Fail
2.5
Fail
5.1
AA
1.4
Fail
—
2.3
Fail
1.8
Fail
3.6
AA Large
1.6
Fail
2.3
Fail
—
4.1
AA Large
8.4
AAA
2.5
Fail
1.8
Fail
4.1
AA Large
—
2.0
Fail
5.1
AA
3.6
AA Large
8.4
AAA
2.0
Fail
—
White BG
3.1AA Large
4.3AA Large
1.9Fail
7.7AAA
15.7AAA
Black BG
6.8AA
4.8AA
11.3AAA
2.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B25E
939351
D2D291
595946
252520

Deuteranopia

B9C25F
99A052
D6DA94
5A5B47
252620

Tritanopia

DE6364
B85455
E89A9B
5F4949
272020

Achromatopsia

919191
787878
BEBEBE
535353
232323

Shades & Tints Shades & Tints

#E47257

Dark
Light

#BD5D4D

Dark
Light

#EBB287

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e47257;
  --color-2: #bd5d4d;
  --color-3: #ebb287;
  --color-4: #605043;
  --color-5: #27221f;
}

SCSS

$color-1: #e47257;
$color-2: #bd5d4d;
$color-3: #ebb287;
$color-4: #605043;
$color-5: #27221f;

TAILWIND

colors: {
  'brand-1': '#e47257',
  'brand-2': '#bd5d4d',
  'brand-3': '#ebb287',
  'brand-4': '#605043',
  'brand-5': '#27221f',
}

RGB Array

[228, 114, 87], [189, 93, 77], [235, 178, 135], [96, 80, 67], [39, 34, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #E47257, #BD5D4D, #EBB287, #605043, #27221F 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: #e47257; --color-2: #bd5d4d; --color-3: #ebb287; --color-4: #605043; --color-5: #27221f. 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