← Back to Editor

#171415 · #FF8D36 · #B79760 · #689373 · #248073

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#171415

Ink Black · Black · Jet Black

HEX
#171415
RGB
rgb(23, 20, 21)
HSL
hsl(340, 7%, 8%)
HSB
hsb(340, 13%, 9%)
CMYK
cmyk(0%, 13%, 9%, 91%)
Oklch
oklch(19.5% 0.005 355.3)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#FF8D36

Apricot · Coral · Warm Sun

HEX
#FF8D36
RGB
rgb(255, 141, 54)
HSL
hsl(26, 100%, 61%)
HSB
hsb(26, 79%, 100%)
CMYK
cmyk(0%, 45%, 79%, 0%)
Oklch
oklch(75.4% 0.168 53.5)

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

#B79760

Ginger · DarkSalmon · Warm Sun

HEX
#B79760
RGB
rgb(183, 151, 96)
HSL
hsl(38, 38%, 55%)
HSB
hsb(38, 48%, 72%)
CMYK
cmyk(0%, 17%, 48%, 28%)
Oklch
oklch(69.3% 0.082 80.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#689373

Celadon · Gray · Olive Green

HEX
#689373
RGB
rgb(104, 147, 115)
HSL
hsl(135, 17%, 49%)
HSB
hsb(135, 29%, 58%)
CMYK
cmyk(29%, 0%, 22%, 42%)
Oklch
oklch(62.3% 0.067 152.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#248073

Mineral Blue · SeaGreen · Mint Ice

HEX
#248073
RGB
rgb(36, 128, 115)
HSL
hsl(172, 56%, 32%)
HSB
hsb(172, 72%, 50%)
CMYK
cmyk(72%, 0%, 10%, 50%)
Oklch
oklch(54.4% 0.086 181.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

171415
131615

Analogous

161315
171415
161313

Triadic

171415
141613
131416

Split-Comp.

171415
131613
131516

Tetradic

171415
151613
131615
131316

Contrast Matrix WCAG 2.1 Contrast

171415
FF8D36
B79760
689373
248073
—
7.9
AAA
6.6
AA
5.2
AA
3.8
AA Large
7.9
AAA
—
1.2
Fail
1.5
Fail
2.1
Fail
6.6
AA
1.2
Fail
—
1.3
Fail
1.7
Fail
5.2
AA
1.5
Fail
1.3
Fail
—
1.4
Fail
3.8
AA Large
2.1
Fail
1.7
Fail
1.4
Fail
—
White BG
18.3AAA
2.3Fail
2.8Fail
3.5AA Large
4.8AA
Black BG
1.1Fail
9.1AAA
7.6AAA
6.0AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

161615
CECD4B
A9A96D
7B7B7B
4C4D76

Deuteranopia

161615
D4DD50
ABAD70
78757D
474077

Tritanopia

171515
F95C5F
B5787A
6A8182
297979

Achromatopsia

151515
A5A5A5
9A9A9A
828282
636363

Shades & Tints Shades & Tints

#171415

Dark
Light

#FF8D36

Dark
Light

#B79760

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #171415;
  --color-2: #ff8d36;
  --color-3: #b79760;
  --color-4: #689373;
  --color-5: #248073;
}

SCSS

$color-1: #171415;
$color-2: #ff8d36;
$color-3: #b79760;
$color-4: #689373;
$color-5: #248073;

TAILWIND

colors: {
  'brand-1': '#171415',
  'brand-2': '#ff8d36',
  'brand-3': '#b79760',
  'brand-4': '#689373',
  'brand-5': '#248073',
}

RGB Array

[23, 20, 21], [255, 141, 54], [183, 151, 96], [104, 147, 115], [36, 128, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #171415, #FF8D36, #B79760, #689373, #248073 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: #171415; --color-2: #ff8d36; --color-3: #b79760; --color-4: #689373; --color-5: #248073. 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