← Back to Editor

#D7D0B3 · #B9B2A4 · #9A9494 · #8B7785 · #7B5A75

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

#D7D0B3

Goose Yellow · Silver · Lemon Cream

HEX
#D7D0B3
RGB
rgb(215, 208, 179)
HSL
hsl(48, 31%, 77%)
HSB
hsb(48, 17%, 84%)
CMYK
cmyk(0%, 3%, 17%, 16%)
Oklch
oklch(85.6% 0.040 95.9)

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

#B9B2A4

Ginger · DarkGray · Sunflower

HEX
#B9B2A4
RGB
rgb(185, 178, 164)
HSL
hsl(40, 13%, 68%)
HSB
hsb(40, 11%, 73%)
CMYK
cmyk(0%, 4%, 11%, 27%)
Oklch
oklch(76.5% 0.021 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#9A9494

Ash · DarkGray · Silver Sand

HEX
#9A9494
RGB
rgb(154, 148, 148)
HSL
hsl(0, 3%, 59%)
HSB
hsb(0, 4%, 60%)
CMYK
cmyk(0%, 4%, 4%, 40%)
Oklch
oklch(67.2% 0.007 17.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#8B7785

Rose Purple · Gray · Warm Gray

HEX
#8B7785
RGB
rgb(139, 119, 133)
HSL
hsl(318, 8%, 51%)
HSB
hsb(318, 14%, 55%)
CMYK
cmyk(0%, 14%, 4%, 45%)
Oklch
oklch(59.2% 0.032 336.9)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#7B5A75

Rose Purple · DimGray · Violet

HEX
#7B5A75
RGB
rgb(123, 90, 117)
HSL
hsl(311, 15%, 42%)
HSB
hsb(311, 27%, 48%)
CMYK
cmyk(0%, 27%, 5%, 52%)
Oklch
oklch(51.1% 0.058 332.9)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7D0B3
B2B9D7

Analogous

D7BDB2
D7D0B3
CCD7B2

Triadic

D7D0B3
B2D7CF
CFB2D7

Split-Comp.

D7D0B3
B2CCD7
BDB2D7

Tetradic

D7D0B3
B2D7BD
B2B9D7
D7B2CC

Contrast Matrix WCAG 2.1 Contrast

D7D0B3
B9B2A4
9A9494
8B7785
7B5A75
—
1.4
Fail
1.9
Fail
2.7
Fail
3.8
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
2.8
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
2.0
Fail
2.7
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
3.8
AA Large
2.8
Fail
2.0
Fail
1.4
Fail
—
White BG
1.5Fail
2.1Fail
3.0Fail
4.1AA Large
5.9AA
Black BG
13.6AAA
10.0AAA
7.0AAA
5.1AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4BA
B6B6A7
979794
828282
6D6C6E

Deuteranopia

D4D5BC
B6B7A8
989894
848581
6F716D

Tritanopia

D7C0C1
B9AAAB
9A9494
8A7F7E
796968

Achromatopsia

CFCFCF
B2B2B2
969696
7F7F7F
676767

Shades & Tints Shades & Tints

#D7D0B3

Dark
Light

#B9B2A4

Dark
Light

#9A9494

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7d0b3;
  --color-2: #b9b2a4;
  --color-3: #9a9494;
  --color-4: #8b7785;
  --color-5: #7b5a75;
}

SCSS

$color-1: #d7d0b3;
$color-2: #b9b2a4;
$color-3: #9a9494;
$color-4: #8b7785;
$color-5: #7b5a75;

TAILWIND

colors: {
  'brand-1': '#d7d0b3',
  'brand-2': '#b9b2a4',
  'brand-3': '#9a9494',
  'brand-4': '#8b7785',
  'brand-5': '#7b5a75',
}

RGB Array

[215, 208, 179], [185, 178, 164], [154, 148, 148], [139, 119, 133], [123, 90, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7D0B3, #B9B2A4, #9A9494, #8B7785, #7B5A75 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #d7d0b3; --color-2: #b9b2a4; --color-3: #9a9494; --color-4: #8b7785; --color-5: #7b5a75. 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. 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