← Back to Editor

#D6C4B0 · #EDDDC3 · #A28D8C · #6A6068 · #5D484F

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

#D6C4B0

Goose Yellow · Silver · Peach Orange

HEX
#D6C4B0
RGB
rgb(214, 196, 176)
HSL
hsl(32, 32%, 76%)
HSB
hsb(32, 18%, 84%)
CMYK
cmyk(0%, 8%, 18%, 16%)
Oklch
oklch(83.0% 0.034 70.3)

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

#EDDDC3

Goose Yellow · Wheat · Peach Orange

HEX
#EDDDC3
RGB
rgb(237, 221, 195)
HSL
hsl(37, 54%, 85%)
HSB
hsb(37, 18%, 93%)
CMYK
cmyk(0%, 7%, 18%, 7%)
Oklch
oklch(90.4% 0.039 80.0)

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

#A28D8C

Crimson · Gray · Passion Red

HEX
#A28D8C
RGB
rgb(162, 141, 140)
HSL
hsl(3, 11%, 59%)
HSB
hsb(3, 14%, 64%)
CMYK
cmyk(0%, 13%, 14%, 36%)
Oklch
oklch(66.2% 0.025 21.1)

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

#6A6068

Ink Gray · DimGray · Charcoal

HEX
#6A6068
RGB
rgb(106, 96, 104)
HSL
hsl(312, 5%, 40%)
HSB
hsb(312, 9%, 42%)
CMYK
cmyk(0%, 9%, 2%, 58%)
Oklch
oklch(50.1% 0.018 332.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#5D484F

Dark Violet · DimGray · Camellia

HEX
#5D484F
RGB
rgb(93, 72, 79)
HSL
hsl(340, 13%, 32%)
HSB
hsb(340, 23%, 36%)
CMYK
cmyk(0%, 23%, 15%, 64%)
Oklch
oklch(42.6% 0.030 356.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6C4B0
AEC0D5

Analogous

D5B0AE
D6C4B0
D4D5AE

Triadic

D6C4B0
AED5C3
C3AED5

Split-Comp.

D6C4B0
AED4D5
B0AED5

Tetradic

D6C4B0
AED5B0
AEC0D5
D5AED4

Contrast Matrix WCAG 2.1 Contrast

D6C4B0
EDDDC3
A28D8C
6A6068
5D484F
—
1.3
Fail
1.8
Fail
3.6
AA Large
4.9
AA
1.3
Fail
—
2.3
Fail
4.5
AA
6.3
AA
1.8
Fail
2.3
Fail
—
1.9
Fail
2.7
Fail
3.6
AA Large
4.5
AA
1.9
Fail
—
1.4
Fail
4.9
AA
6.3
AA
2.7
Fail
1.4
Fail
—
White BG
1.7Fail
1.3Fail
3.1AA Large
6.0AA
8.4AAA
Black BG
12.4AAA
15.7AAA
6.7AA
3.5AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB5
E6E6C9
99998C
666666
54544D

Deuteranopia

CFD1B6
E7E8CB
9A9C8C
666766
55574D

Tritanopia

D5B9BA
ECCECF
A18C8C
696564
5C4C4C

Achromatopsia

C7C7C7
DFDFDF
939393
646464
4F4F4F

Shades & Tints Shades & Tints

#D6C4B0

Dark
Light

#EDDDC3

Dark
Light

#A28D8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6c4b0;
  --color-2: #edddc3;
  --color-3: #a28d8c;
  --color-4: #6a6068;
  --color-5: #5d484f;
}

SCSS

$color-1: #d6c4b0;
$color-2: #edddc3;
$color-3: #a28d8c;
$color-4: #6a6068;
$color-5: #5d484f;

TAILWIND

colors: {
  'brand-1': '#d6c4b0',
  'brand-2': '#edddc3',
  'brand-3': '#a28d8c',
  'brand-4': '#6a6068',
  'brand-5': '#5d484f',
}

RGB Array

[214, 196, 176], [237, 221, 195], [162, 141, 140], [106, 96, 104], [93, 72, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #D6C4B0, #EDDDC3, #A28D8C, #6A6068, #5D484F is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d6c4b0; --color-2: #edddc3; --color-3: #a28d8c; --color-4: #6a6068; --color-5: #5d484f. 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. Restrained colors convey professionalism and trust. 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