← Back to Editor

#D2C5B2 · #5A4F4D · #7D7161 · #433534 · #342626

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#D2C5B2

Goose Yellow · Silver · Peach Orange

HEX
#D2C5B2
RGB
rgb(210, 197, 178)
HSL
hsl(36, 26%, 76%)
HSB
hsb(36, 15%, 82%)
CMYK
cmyk(0%, 6%, 15%, 18%)
Oklch
oklch(82.9% 0.030 77.5)

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

#5A4F4D

Crimson · DimGray · Charcoal

HEX
#5A4F4D
RGB
rgb(90, 79, 77)
HSL
hsl(9, 8%, 33%)
HSB
hsb(9, 14%, 35%)
CMYK
cmyk(0%, 12%, 14%, 65%)
Oklch
oklch(43.8% 0.015 30.0)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#7D7161

Ochre · DimGray · Amber Brown

HEX
#7D7161
RGB
rgb(125, 113, 97)
HSL
hsl(34, 13%, 44%)
HSB
hsb(34, 22%, 49%)
CMYK
cmyk(0%, 10%, 22%, 51%)
Oklch
oklch(55.5% 0.028 75.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#433534

Crimson · DarkSlateGray · Wine Red

HEX
#433534
RGB
rgb(67, 53, 52)
HSL
hsl(4, 13%, 23%)
HSB
hsb(4, 22%, 26%)
CMYK
cmyk(0%, 21%, 22%, 74%)
Oklch
oklch(34.4% 0.020 23.0)

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

#342626

Crimson · DarkSlateGray · Deep Berry

HEX
#342626
RGB
rgb(52, 38, 38)
HSL
hsl(0, 16%, 18%)
HSB
hsb(0, 27%, 20%)
CMYK
cmyk(0%, 27%, 27%, 80%)
Oklch
oklch(28.5% 0.021 18.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2C5B2
B2BFD2

Analogous

D2B5B2
D2C5B2
CFD2B2

Triadic

D2C5B2
B2D2C5
C5B2D2

Split-Comp.

D2C5B2
B2CFD2
B5B2D2

Tetradic

D2C5B2
B2D2B5
B2BFD2
D2B2CF

Contrast Matrix WCAG 2.1 Contrast

D2C5B2
5A4F4D
7D7161
433534
342626
—
4.6
AA
2.8
Fail
6.9
AA
8.5
AAA
4.6
AA
—
1.7
Fail
1.5
Fail
1.8
Fail
2.8
Fail
1.7
Fail
—
2.5
Fail
3.0
AA Large
6.9
AA
1.5
Fail
2.5
Fail
—
1.2
Fail
8.5
AAA
1.8
Fail
3.0
AA Large
1.2
Fail
—
White BG
1.7Fail
7.9AAA
4.8AA
11.7AAA
14.5AAA
Black BG
12.4AAA
2.7Fail
4.4AA Large
1.8Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCB7
55554D
787865
3D3D34
2E2E26

Deuteranopia

CDCEB8
56574E
797966
3E3F34
2F3026

Tritanopia

D1BABB
594E4E
7C6869
423434
332626

Achromatopsia

C7C7C7
525252
737373
393939
2A2A2A

Shades & Tints Shades & Tints

#D2C5B2

Dark
Light

#5A4F4D

Dark
Light

#7D7161

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2c5b2;
  --color-2: #5a4f4d;
  --color-3: #7d7161;
  --color-4: #433534;
  --color-5: #342626;
}

SCSS

$color-1: #d2c5b2;
$color-2: #5a4f4d;
$color-3: #7d7161;
$color-4: #433534;
$color-5: #342626;

TAILWIND

colors: {
  'brand-1': '#d2c5b2',
  'brand-2': '#5a4f4d',
  'brand-3': '#7d7161',
  'brand-4': '#433534',
  'brand-5': '#342626',
}

RGB Array

[210, 197, 178], [90, 79, 77], [125, 113, 97], [67, 53, 52], [52, 38, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2C5B2, #5A4F4D, #7D7161, #433534, #342626 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #d2c5b2; --color-2: #5a4f4d; --color-3: #7d7161; --color-4: #433534; --color-5: #342626. 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 finance, legal, luxury 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