← Back to Editor

#D5D1CE · #EEB977 · #DC4145 · #5A352C · #191514

A 5-color palette 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

#D5D1CE

Apricot · LightGray · Pearl Gray

HEX
#D5D1CE
RGB
rgb(213, 209, 206)
HSL
hsl(26, 8%, 82%)
HSB
hsb(26, 3%, 84%)
CMYK
cmyk(0%, 2%, 3%, 16%)
Oklch
oklch(86.3% 0.006 59.6)

Traditional「Apricot」· Paint「Pearl Gray」· Creative Silver Lining

#EEB977

Ginger · BurlyWood · Warm Sun

HEX
#EEB977
RGB
rgb(238, 185, 119)
HSL
hsl(33, 78%, 70%)
HSB
hsb(33, 50%, 93%)
CMYK
cmyk(0%, 22%, 50%, 7%)
Oklch
oklch(82.0% 0.103 71.7)

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

#DC4145

Vermilion · Crimson · Passion Red

HEX
#DC4145
RGB
rgb(220, 65, 69)
HSL
hsl(358, 69%, 56%)
HSB
hsb(358, 70%, 86%)
CMYK
cmyk(0%, 70%, 69%, 14%)
Oklch
oklch(60.2% 0.192 23.7)

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

#5A352C

Crimson · DarkOliveGreen · Wine Red

HEX
#5A352C
RGB
rgb(90, 53, 44)
HSL
hsl(12, 34%, 26%)
HSB
hsb(12, 51%, 35%)
CMYK
cmyk(0%, 41%, 51%, 65%)
Oklch
oklch(37.2% 0.056 34.4)

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

#191514

Crimson · Black · Deep Berry

HEX
#191514
RGB
rgb(25, 21, 20)
HSL
hsl(12, 11%, 9%)
HSB
hsb(12, 20%, 10%)
CMYK
cmyk(0%, 16%, 20%, 90%)
Oklch
oklch(20.0% 0.007 34.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5D1CE
CDD2D5

Analogous

D5CDCE
D5D1CE
D5D4CD

Triadic

D5D1CE
CDD5D1
D1CDD5

Split-Comp.

D5D1CE
CDD5D4
CDCED5

Tetradic

D5D1CE
CED5CD
CDD2D5
D4CDD5

Contrast Matrix WCAG 2.1 Contrast

D5D1CE
EEB977
DC4145
5A352C
191514
—
1.2
Fail
2.8
Fail
7.0
AA
11.9
AAA
1.2
Fail
—
2.4
Fail
6.0
AA
10.2
AAA
2.8
Fail
2.4
Fail
—
2.5
Fail
4.2
AA Large
7.0
AA
6.0
AA
2.5
Fail
—
1.7
Fail
11.9
AAA
10.2
AAA
4.2
AA Large
1.7
Fail
—
White BG
1.5Fail
1.8Fail
4.3AA Large
10.6AAA
18.1AAA
Black BG
13.8AAA
11.8AAA
4.9AA
2.0Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3CF
D7D787
999744
4A4A2E
171714

Deuteranopia

D4D4CF
DADE8B
A2AE44
4C4F2F
181814

Tritanopia

D5CFCF
EB9496
D44343
583030
191414

Achromatopsia

D2D2D2
C1C1C1
707070
3F3F3F
161616

Shades & Tints Shades & Tints

#D5D1CE

Dark
Light

#EEB977

Dark
Light

#DC4145

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5d1ce;
  --color-2: #eeb977;
  --color-3: #dc4145;
  --color-4: #5a352c;
  --color-5: #191514;
}

SCSS

$color-1: #d5d1ce;
$color-2: #eeb977;
$color-3: #dc4145;
$color-4: #5a352c;
$color-5: #191514;

TAILWIND

colors: {
  'brand-1': '#d5d1ce',
  'brand-2': '#eeb977',
  'brand-3': '#dc4145',
  'brand-4': '#5a352c',
  'brand-5': '#191514',
}

RGB Array

[213, 209, 206], [238, 185, 119], [220, 65, 69], [90, 53, 44], [25, 21, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5D1CE, #EEB977, #DC4145, #5A352C, #191514 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: #d5d1ce; --color-2: #eeb977; --color-3: #dc4145; --color-4: #5a352c; --color-5: #191514. 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 general-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