← Back to Editor

#D8D0B9 · #D4CBAC · #D9AF85 · #C97E69 · #914C45

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 Library

Color Details Color Details

#D8D0B9

Goose Yellow · LightGray · Lemon Cream

HEX
#D8D0B9
RGB
rgb(216, 208, 185)
HSL
hsl(45, 28%, 79%)
HSB
hsb(45, 14%, 85%)
CMYK
cmyk(0%, 4%, 14%, 15%)
Oklch
oklch(85.8% 0.032 91.0)

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

#D4CBAC

Goose Yellow · Silver · Sunflower

HEX
#D4CBAC
RGB
rgb(212, 203, 172)
HSL
hsl(46, 32%, 75%)
HSB
hsb(46, 19%, 83%)
CMYK
cmyk(0%, 4%, 19%, 17%)
Oklch
oklch(84.1% 0.043 93.7)

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

#D9AF85

Ginger · BurlyWood · Warm Sun

HEX
#D9AF85
RGB
rgb(217, 175, 133)
HSL
hsl(30, 53%, 69%)
HSB
hsb(30, 39%, 85%)
CMYK
cmyk(0%, 19%, 39%, 15%)
Oklch
oklch(78.2% 0.074 66.4)

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

#C97E69

Crimson · DarkSalmon · Passion Red

HEX
#C97E69
RGB
rgb(201, 126, 105)
HSL
hsl(13, 47%, 60%)
HSB
hsb(13, 48%, 79%)
CMYK
cmyk(0%, 37%, 48%, 21%)
Oklch
oklch(66.7% 0.099 36.4)

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

#914C45

Crimson · Sienna · Passion Red

HEX
#914C45
RGB
rgb(145, 76, 69)
HSL
hsl(6, 36%, 42%)
HSB
hsb(6, 52%, 57%)
CMYK
cmyk(0%, 48%, 52%, 43%)
Oklch
oklch(49.9% 0.094 27.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8D0B9
BAC2D8

Analogous

D8C2BA
D8D0B9
D1D8BA

Triadic

D8D0B9
BAD8D1
D1BAD8

Split-Comp.

D8D0B9
BAD1D8
C2BAD8

Tetradic

D8D0B9
BAD8C2
BAC2D8
D8BAD1

Contrast Matrix WCAG 2.1 Contrast

D8D0B9
D4CBAC
D9AF85
C97E69
914C45
—
1.1
Fail
1.3
Fail
2.0
Fail
4.1
AA Large
1.1
Fail
—
1.2
Fail
1.9
Fail
3.9
AA Large
1.3
Fail
1.2
Fail
—
1.6
Fail
3.1
AA Large
2.0
Fail
1.9
Fail
1.6
Fail
—
2.0
Fail
4.1
AA Large
3.9
AA Large
3.1
AA Large
2.0
Fail
—
White BG
1.5Fail
1.6Fail
2.0Fail
3.1AA Large
6.3AA
Black BG
13.6AAA
12.9AAA
10.4AAA
6.7AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D4BF
D0D0B4
C7C68F
A9A86E
737347

Deuteranopia

D5D6C0
D1D1B5
C9CC92
ADB36F
777C47

Tritanopia

D8C3C4
D4B9BB
D79799
C57273
8E4848

Achromatopsia

D0D0D0
CACACA
B7B7B7
929292
606060

Shades & Tints Shades & Tints

#D8D0B9

Dark
Light

#D4CBAC

Dark
Light

#D9AF85

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8d0b9;
  --color-2: #d4cbac;
  --color-3: #d9af85;
  --color-4: #c97e69;
  --color-5: #914c45;
}

SCSS

$color-1: #d8d0b9;
$color-2: #d4cbac;
$color-3: #d9af85;
$color-4: #c97e69;
$color-5: #914c45;

TAILWIND

colors: {
  'brand-1': '#d8d0b9',
  'brand-2': '#d4cbac',
  'brand-3': '#d9af85',
  'brand-4': '#c97e69',
  'brand-5': '#914c45',
}

RGB Array

[216, 208, 185], [212, 203, 172], [217, 175, 133], [201, 126, 105], [145, 76, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8D0B9, #D4CBAC, #D9AF85, #C97E69, #914C45 is ideal for: corporate websites, product showcases, portfolios. 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: #d8d0b9; --color-2: #d4cbac; --color-3: #d9af85; --color-4: #c97e69; --color-5: #914c45. 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. 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