← Back to Editor

#C9C0BD · #B5A39E · #998077 · #705951 · #45342F

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

#C9C0BD

Apricot · Silver · Peach Orange

HEX
#C9C0BD
RGB
rgb(201, 192, 189)
HSL
hsl(15, 10%, 76%)
HSB
hsb(15, 6%, 79%)
CMYK
cmyk(0%, 4%, 6%, 21%)
Oklch
oklch(81.4% 0.011 39.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B5A39E

Peach Pink · DarkGray · Coral Red

HEX
#B5A39E
RGB
rgb(181, 163, 158)
HSL
hsl(13, 13%, 66%)
HSB
hsb(13, 13%, 71%)
CMYK
cmyk(0%, 10%, 13%, 29%)
Oklch
oklch(73.0% 0.022 36.0)

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

#998077

Tangerine · Gray · Warm Sun

HEX
#998077
RGB
rgb(153, 128, 119)
HSL
hsl(16, 14%, 53%)
HSB
hsb(16, 22%, 60%)
CMYK
cmyk(0%, 16%, 22%, 40%)
Oklch
oklch(62.1% 0.034 40.8)

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

#705951

Tangerine · DimGray · Amber Brown

HEX
#705951
RGB
rgb(112, 89, 81)
HSL
hsl(15, 16%, 38%)
HSB
hsb(15, 28%, 44%)
CMYK
cmyk(0%, 21%, 28%, 56%)
Oklch
oklch(48.5% 0.033 40.1)

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

#45342F

Crimson · DarkSlateGray · Wine Red

HEX
#45342F
RGB
rgb(69, 52, 47)
HSL
hsl(14, 19%, 23%)
HSB
hsb(14, 32%, 27%)
CMYK
cmyk(0%, 25%, 32%, 73%)
Oklch
oklch(34.2% 0.026 37.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9C0BD
BCC5C8

Analogous

C8BCBF
C9C0BD
C8C5BC

Triadic

C9C0BD
BCC8BF
BFBCC8

Split-Comp.

C9C0BD
BCC8C5
BCBFC8

Tetradic

C9C0BD
BFC8BC
BCC5C8
C5BCC8

Contrast Matrix WCAG 2.1 Contrast

C9C0BD
B5A39E
998077
705951
45342F
—
1.4
Fail
2.1
Fail
3.6
AA Large
6.6
AA
1.4
Fail
—
1.5
Fail
2.7
Fail
4.9
AA
2.1
Fail
1.5
Fail
—
1.8
Fail
3.2
AA Large
3.6
AA Large
2.7
Fail
1.8
Fail
—
1.8
Fail
6.6
AA
4.9
AA
3.2
AA Large
1.8
Fail
—
White BG
1.8Fail
2.4Fail
3.7AA Large
6.5AA
11.8AAA
Black BG
11.8AAA
8.7AAA
5.7AA
3.2AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5BE
ADAD9F
8E8E79
666653
3E3D30

Deuteranopia

C6C6BE
AEB0A0
90927A
676953
3F4031

Tritanopia

C9BEBE
B4A0A0
987B7B
6F5455
443131

Achromatopsia

C2C2C2
A8A8A8
868686
5F5F5F
393939

Shades & Tints Shades & Tints

#C9C0BD

Dark
Light

#B5A39E

Dark
Light

#998077

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9c0bd;
  --color-2: #b5a39e;
  --color-3: #998077;
  --color-4: #705951;
  --color-5: #45342f;
}

SCSS

$color-1: #c9c0bd;
$color-2: #b5a39e;
$color-3: #998077;
$color-4: #705951;
$color-5: #45342f;

TAILWIND

colors: {
  'brand-1': '#c9c0bd',
  'brand-2': '#b5a39e',
  'brand-3': '#998077',
  'brand-4': '#705951',
  'brand-5': '#45342f',
}

RGB Array

[201, 192, 189], [181, 163, 158], [153, 128, 119], [112, 89, 81], [69, 52, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9C0BD, #B5A39E, #998077, #705951, #45342F 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: #c9c0bd; --color-2: #b5a39e; --color-3: #998077; --color-4: #705951; --color-5: #45342f. 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