← Back to Editor

#D0CABE · #5E3F3A · #A20925 · #756544 · #030000

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

#D0CABE

Goose Yellow · Silver · Lemon Cream

HEX
#D0CABE
RGB
rgb(208, 202, 190)
HSL
hsl(40, 16%, 78%)
HSB
hsb(40, 9%, 82%)
CMYK
cmyk(0%, 3%, 9%, 18%)
Oklch
oklch(84.0% 0.018 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#5E3F3A

Crimson · DarkOliveGreen · Wine Red

HEX
#5E3F3A
RGB
rgb(94, 63, 58)
HSL
hsl(8, 24%, 30%)
HSB
hsb(8, 38%, 37%)
CMYK
cmyk(0%, 33%, 38%, 63%)
Oklch
oklch(40.2% 0.045 29.4)

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

#A20925

Vermilion · FireBrick · Wine Red

HEX
#A20925
RGB
rgb(162, 9, 37)
HSL
hsl(349, 89%, 34%)
HSB
hsb(349, 94%, 64%)
CMYK
cmyk(0%, 94%, 77%, 36%)
Oklch
oklch(45.3% 0.178 21.6)

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

#756544

Ochre · DarkOliveGreen · Honey Gold

HEX
#756544
RGB
rgb(117, 101, 68)
HSL
hsl(40, 26%, 36%)
HSB
hsb(40, 42%, 46%)
CMYK
cmyk(0%, 14%, 42%, 54%)
Oklch
oklch(51.4% 0.052 84.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#030000

Vermilion · Black · Deep Berry

HEX
#030000
RGB
rgb(3, 0, 0)
HSL
hsl(0, 100%, 1%)
HSB
hsb(0, 100%, 1%)
CMYK
cmyk(0%, 100%, 100%, 99%)
Oklch
oklch(6.1% 0.025 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0CABE
BEC4D0

Analogous

D0C1BE
D0CABE
CDD0BE

Triadic

D0CABE
BED0CA
CABED0

Split-Comp.

D0CABE
BECDD0
C1BED0

Tetradic

D0CABE
BED0C1
BEC4D0
D0BECD

Contrast Matrix WCAG 2.1 Contrast

D0CABE
5E3F3A
A20925
756544
030000
—
5.7
AA
4.9
AA
3.5
AA Large
12.8
AAA
5.7
AA
—
1.2
Fail
1.6
Fail
2.2
Fail
4.9
AA
1.2
Fail
—
1.4
Fail
2.6
Fail
3.5
AA Large
1.6
Fail
1.4
Fail
—
3.7
AA Large
12.8
AAA
2.2
Fail
2.6
Fail
3.7
AA Large
—
White BG
1.6Fail
9.3AAA
8.1AAA
5.7AA
20.9AAA
Black BG
12.9AAA
2.2Fail
2.6Fail
3.7AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDC1
51503B
605E1E
6E6E4C
020200

Deuteranopia

CECEC2
52553B
69741D
6F704E
020200

Tritanopia

D0C3C4
5C3C3C
9A1918
745254
030000

Achromatopsia

CACACA
484848
3A3A3A
666666
010101

Shades & Tints Shades & Tints

#D0CABE

Dark
Light

#5E3F3A

Dark
Light

#A20925

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0cabe;
  --color-2: #5e3f3a;
  --color-3: #a20925;
  --color-4: #756544;
  --color-5: #030000;
}

SCSS

$color-1: #d0cabe;
$color-2: #5e3f3a;
$color-3: #a20925;
$color-4: #756544;
$color-5: #030000;

TAILWIND

colors: {
  'brand-1': '#d0cabe',
  'brand-2': '#5e3f3a',
  'brand-3': '#a20925',
  'brand-4': '#756544',
  'brand-5': '#030000',
}

RGB Array

[208, 202, 190], [94, 63, 58], [162, 9, 37], [117, 101, 68], [3, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0CABE, #5E3F3A, #A20925, #756544, #030000 is ideal for: tech websites, dark mode UIs, game UIs, 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: #d0cabe; --color-2: #5e3f3a; --color-3: #a20925; --color-4: #756544; --color-5: #030000. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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