← Back to Editor

#D2893C · #6DA19F · #426062 · #473622 · #F0DEC6

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

#D2893C

Ginger · GoldenRod · Warm Sun

HEX
#D2893C
RGB
rgb(210, 137, 60)
HSL
hsl(31, 62%, 53%)
HSB
hsb(31, 71%, 82%)
CMYK
cmyk(0%, 35%, 71%, 18%)
Oklch
oklch(69.1% 0.128 64.0)

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

#6DA19F

Mineral Blue · CadetBlue · Lake Green

HEX
#6DA19F
RGB
rgb(109, 161, 159)
HSL
hsl(178, 22%, 53%)
HSB
hsb(178, 32%, 63%)
CMYK
cmyk(32%, 0%, 1%, 37%)
Oklch
oklch(67.2% 0.055 192.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#426062

Slate Blue · DarkSlateGray · Mint Ice

HEX
#426062
RGB
rgb(66, 96, 98)
HSL
hsl(184, 20%, 32%)
HSB
hsb(184, 33%, 38%)
CMYK
cmyk(33%, 2%, 0%, 62%)
Oklch
oklch(46.6% 0.035 201.2)

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

#473622

Ochre · DarkOliveGreen · Cinnamon

HEX
#473622
RGB
rgb(71, 54, 34)
HSL
hsl(32, 35%, 21%)
HSB
hsb(32, 52%, 28%)
CMYK
cmyk(0%, 24%, 52%, 72%)
Oklch
oklch(34.6% 0.040 70.4)

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

#F0DEC6

Goose Yellow · Bisque · Peach Orange

HEX
#F0DEC6
RGB
rgb(240, 222, 198)
HSL
hsl(34, 58%, 86%)
HSB
hsb(34, 17%, 94%)
CMYK
cmyk(0%, 7%, 17%, 6%)
Oklch
oklch(90.9% 0.038 75.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2893C
3D85D1

Analogous

D13F3D
D2893C
CFD13D

Triadic

D2893C
3DD18A
8A3DD1

Split-Comp.

D2893C
3DCFD1
3F3DD1

Tetradic

D2893C
3DD13F
3D85D1
D13DCF

Contrast Matrix WCAG 2.1 Contrast

D2893C
6DA19F
426062
473622
F0DEC6
—
1.0
Fail
2.4
Fail
4.1
AA Large
2.2
Fail
1.0
Fail
—
2.4
Fail
4.0
AA Large
2.2
Fail
2.4
Fail
2.4
Fail
—
1.7
Fail
5.2
AA
4.1
AA Large
4.0
AA Large
1.7
Fail
—
8.8
AAA
2.2
Fail
2.2
Fail
5.2
AA
8.8
AAA
—
White BG
2.8Fail
2.9Fail
6.8AA
11.5AAA
1.3Fail
Black BG
7.4AAA
7.2AAA
3.1AA Large
1.8Fail
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B24F
84849F
4F4F62
403F27
E8E8CC

Deuteranopia

B7BC53
817DA0
4D4B61
414228
E9EBCD

Tritanopia

CE5D61
70A0A0
446161
462B2C
EFD0D1

Achromatopsia

969696
919191
575757
393939
E1E1E1

Shades & Tints Shades & Tints

#D2893C

Dark
Light

#6DA19F

Dark
Light

#426062

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2893c;
  --color-2: #6da19f;
  --color-3: #426062;
  --color-4: #473622;
  --color-5: #f0dec6;
}

SCSS

$color-1: #d2893c;
$color-2: #6da19f;
$color-3: #426062;
$color-4: #473622;
$color-5: #f0dec6;

TAILWIND

colors: {
  'brand-1': '#d2893c',
  'brand-2': '#6da19f',
  'brand-3': '#426062',
  'brand-4': '#473622',
  'brand-5': '#f0dec6',
}

RGB Array

[210, 137, 60], [109, 161, 159], [66, 96, 98], [71, 54, 34], [240, 222, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #D2893C, #6DA19F, #426062, #473622, #F0DEC6 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: #d2893c; --color-2: #6da19f; --color-3: #426062; --color-4: #473622; --color-5: #f0dec6. 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