← Back to Editor

#C9B7B7 · #8A7979 · #D4CBB2 · #7A5C5C · #FFF0CC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#C9B7B7

Peach Pink · Silver · Coral Red

HEX
#C9B7B7
RGB
rgb(201, 183, 183)
HSL
hsl(0, 14%, 75%)
HSB
hsb(0, 9%, 79%)
CMYK
cmyk(0%, 9%, 9%, 21%)
Oklch
oklch(79.5% 0.021 17.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#8A7979

Ash · Gray · Warm Gray

HEX
#8A7979
RGB
rgb(138, 121, 121)
HSL
hsl(0, 7%, 51%)
HSB
hsb(0, 12%, 54%)
CMYK
cmyk(0%, 12%, 12%, 46%)
Oklch
oklch(59.2% 0.021 17.8)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#D4CBB2

Goose Yellow · Silver · Lemon Cream

HEX
#D4CBB2
RGB
rgb(212, 203, 178)
HSL
hsl(44, 28%, 76%)
HSB
hsb(44, 16%, 83%)
CMYK
cmyk(0%, 4%, 16%, 17%)
Oklch
oklch(84.3% 0.035 90.5)

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

#7A5C5C

Crimson · DimGray · Passion Red

HEX
#7A5C5C
RGB
rgb(122, 92, 92)
HSL
hsl(0, 14%, 42%)
HSB
hsb(0, 25%, 48%)
CMYK
cmyk(0%, 25%, 25%, 52%)
Oklch
oklch(50.6% 0.040 18.5)

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

#FFF0CC

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF0CC
RGB
rgb(255, 240, 204)
HSL
hsl(42, 100%, 90%)
HSB
hsb(42, 20%, 100%)
CMYK
cmyk(0%, 6%, 20%, 0%)
Oklch
oklch(95.8% 0.050 88.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9B7B7
B6C8C8

Analogous

C8B6BF
C9B7B7
C8BFB6

Triadic

C9B7B7
B6C8B6
B6B6C8

Split-Comp.

C9B7B7
B6C8BF
B6BFC8

Tetradic

C9B7B7
BFC8B6
B6C8C8
BFB6C8

Contrast Matrix WCAG 2.1 Contrast

C9B7B7
8A7979
D4CBB2
7A5C5C
FFF0CC
—
2.1
Fail
1.2
Fail
3.1
AA Large
1.7
Fail
2.1
Fail
—
2.6
Fail
1.4
Fail
3.7
AA Large
1.2
Fail
2.6
Fail
—
3.7
AA Large
1.4
Fail
3.1
AA Large
1.4
Fail
3.7
AA Large
—
5.3
AA
1.7
Fail
3.7
AA Large
1.4
Fail
5.3
AA
—
White BG
1.9Fail
4.1AA Large
1.6Fail
6.0AA
1.1Fail
Black BG
10.9AAA
5.1AA
13.0AAA
3.5AA Large
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1B7
838279
D0D0B8
6D6D5C
F9F8D5

Deuteranopia

C2C4B7
848579
D1D1BA
6F715C
F9FBD7

Tritanopia

C8B7B7
897979
D4BDBE
785C5C
FEDCDD

Achromatopsia

BCBCBC
7E7E7E
CBCBCB
656565
F0F0F0

Shades & Tints Shades & Tints

#C9B7B7

Dark
Light

#8A7979

Dark
Light

#D4CBB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9b7b7;
  --color-2: #8a7979;
  --color-3: #d4cbb2;
  --color-4: #7a5c5c;
  --color-5: #fff0cc;
}

SCSS

$color-1: #c9b7b7;
$color-2: #8a7979;
$color-3: #d4cbb2;
$color-4: #7a5c5c;
$color-5: #fff0cc;

TAILWIND

colors: {
  'brand-1': '#c9b7b7',
  'brand-2': '#8a7979',
  'brand-3': '#d4cbb2',
  'brand-4': '#7a5c5c',
  'brand-5': '#fff0cc',
}

RGB Array

[201, 183, 183], [138, 121, 121], [212, 203, 178], [122, 92, 92], [255, 240, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9B7B7, #8A7979, #D4CBB2, #7A5C5C, #FFF0CC is ideal for: health products, baby brands, fresh-style blogs, 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: #c9b7b7; --color-2: #8a7979; --color-3: #d4cbb2; --color-4: #7a5c5c; --color-5: #fff0cc. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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