← Back to Editor

#D4D1CB · #C4BDAC · #B29F7B · #A0804A · #81602A

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

#D4D1CB

Goose Yellow · LightGray · Pearl Gray

HEX
#D4D1CB
RGB
rgb(212, 209, 203)
HSL
hsl(40, 9%, 81%)
HSB
hsb(40, 4%, 83%)
CMYK
cmyk(0%, 1%, 4%, 17%)
Oklch
oklch(86.1% 0.009 84.6)

Traditional「Goose Yellow」· Paint「Pearl Gray」· Creative Silver Lining

#C4BDAC

Goose Yellow · Silver · Sunflower

HEX
#C4BDAC
RGB
rgb(196, 189, 172)
HSL
hsl(42, 17%, 72%)
HSB
hsb(42, 12%, 77%)
CMYK
cmyk(0%, 4%, 12%, 23%)
Oklch
oklch(79.9% 0.025 88.3)

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

#B29F7B

Ginger · Tan · Warm Sun

HEX
#B29F7B
RGB
rgb(178, 159, 123)
HSL
hsl(39, 26%, 59%)
HSB
hsb(39, 31%, 70%)
CMYK
cmyk(0%, 11%, 31%, 30%)
Oklch
oklch(71.0% 0.054 83.3)

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

#A0804A

Ochre · Sienna · Amber Brown

HEX
#A0804A
RGB
rgb(160, 128, 74)
HSL
hsl(38, 37%, 46%)
HSB
hsb(38, 54%, 63%)
CMYK
cmyk(0%, 20%, 54%, 37%)
Oklch
oklch(61.8% 0.082 79.4)

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

#81602A

Ochre · Sienna · Amber Brown

HEX
#81602A
RGB
rgb(129, 96, 42)
HSL
hsl(37, 51%, 34%)
HSB
hsb(37, 67%, 51%)
CMYK
cmyk(0%, 26%, 67%, 49%)
Oklch
oklch(51.2% 0.083 77.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4D1CB
CACDD3

Analogous

D3CCCA
D4D1CB
D1D3CA

Triadic

D4D1CB
CAD3D0
D0CAD3

Split-Comp.

D4D1CB
CAD1D3
CCCAD3

Tetradic

D4D1CB
CAD3CC
CACDD3
D3CAD1

Contrast Matrix WCAG 2.1 Contrast

D4D1CB
C4BDAC
B29F7B
A0804A
81602A
—
1.2
Fail
1.7
Fail
2.4
Fail
3.8
AA Large
1.2
Fail
—
1.4
Fail
2.0
Fail
3.1
AA Large
1.7
Fail
1.4
Fail
—
1.4
Fail
2.2
Fail
2.4
Fail
2.0
Fail
1.4
Fail
—
1.6
Fail
3.8
AA Large
3.1
AA Large
2.2
Fail
1.6
Fail
—
White BG
1.5Fail
1.9Fail
2.6Fail
3.7AA Large
5.8AA
Black BG
13.8AAA
11.2AAA
8.1AAA
5.7AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3CC
C1C1B0
AAAA84
929257
737237

Deuteranopia

D3D3CD
C1C2B1
ABAC86
94965A
75773A

Tritanopia

D4CECE
C4B3B4
B18B8C
9E6164
7F4144

Achromatopsia

D1D1D1
BDBDBD
A1A1A1
838383
646464

Shades & Tints Shades & Tints

#D4D1CB

Dark
Light

#C4BDAC

Dark
Light

#B29F7B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4d1cb;
  --color-2: #c4bdac;
  --color-3: #b29f7b;
  --color-4: #a0804a;
  --color-5: #81602a;
}

SCSS

$color-1: #d4d1cb;
$color-2: #c4bdac;
$color-3: #b29f7b;
$color-4: #a0804a;
$color-5: #81602a;

TAILWIND

colors: {
  'brand-1': '#d4d1cb',
  'brand-2': '#c4bdac',
  'brand-3': '#b29f7b',
  'brand-4': '#a0804a',
  'brand-5': '#81602a',
}

RGB Array

[212, 209, 203], [196, 189, 172], [178, 159, 123], [160, 128, 74], [129, 96, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4D1CB, #C4BDAC, #B29F7B, #A0804A, #81602A 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: #d4d1cb; --color-2: #c4bdac; --color-3: #b29f7b; --color-4: #a0804a; --color-5: #81602a. 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. 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