← Back to Editor

#C9C3BD · #D3B3BB · #C7AC95 · #B0A07F · #C4AB08

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

#C9C3BD

Goose Yellow · Silver · Peach Orange

HEX
#C9C3BD
RGB
rgb(201, 195, 189)
HSL
hsl(30, 10%, 76%)
HSB
hsb(30, 6%, 79%)
CMYK
cmyk(0%, 3%, 6%, 21%)
Oklch
oklch(82.0% 0.011 67.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D3B3BB

Peach Pink · Silver · Coral Red

HEX
#D3B3BB
RGB
rgb(211, 179, 187)
HSL
hsl(345, 27%, 76%)
HSB
hsb(345, 15%, 83%)
CMYK
cmyk(0%, 15%, 11%, 17%)
Oklch
oklch(79.7% 0.038 1.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C7AC95

Apricot · Tan · Warm Sun

HEX
#C7AC95
RGB
rgb(199, 172, 149)
HSL
hsl(28, 31%, 68%)
HSB
hsb(28, 25%, 78%)
CMYK
cmyk(0%, 14%, 25%, 22%)
Oklch
oklch(76.2% 0.045 62.5)

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

#B0A07F

Ginger · Tan · Sunflower

HEX
#B0A07F
RGB
rgb(176, 160, 127)
HSL
hsl(40, 24%, 59%)
HSB
hsb(40, 28%, 69%)
CMYK
cmyk(0%, 9%, 28%, 31%)
Oklch
oklch(71.1% 0.049 85.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C4AB08

Autumn Sage · GoldenRod · Honey Gold

HEX
#C4AB08
RGB
rgb(196, 171, 8)
HSL
hsl(52, 92%, 40%)
HSB
hsb(52, 96%, 77%)
CMYK
cmyk(0%, 13%, 96%, 23%)
Oklch
oklch(74.1% 0.152 98.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9C3BD
BCC2C8

Analogous

C8BCBC
C9C3BD
C8C8BC

Triadic

C9C3BD
BCC8C2
C2BCC8

Split-Comp.

C9C3BD
BCC8C8
BCBCC8

Tetradic

C9C3BD
BCC8BC
BCC2C8
C8BCC8

Contrast Matrix WCAG 2.1 Contrast

C9C3BD
D3B3BB
C7AC95
B0A07F
C4AB08
—
1.1
Fail
1.2
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
1.7Fail
1.9Fail
2.2Fail
2.6Fail
2.3Fail
Black BG
12.0AAA
10.9AAA
9.8AAA
8.2AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6BE
C5C5B9
BBBB9B
A9A987
B9B92F

Deuteranopia

C7C7BF
C7C9B9
BDBF9C
AAAB89
BBBD39

Tritanopia

C9C0C0
D1B8B7
C69FA0
AF8D8F
C34F55

Achromatopsia

C4C4C4
BDBDBD
B1B1B1
A1A1A1
A0A0A0

Shades & Tints Shades & Tints

#C9C3BD

Dark
Light

#D3B3BB

Dark
Light

#C7AC95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9c3bd;
  --color-2: #d3b3bb;
  --color-3: #c7ac95;
  --color-4: #b0a07f;
  --color-5: #c4ab08;
}

SCSS

$color-1: #c9c3bd;
$color-2: #d3b3bb;
$color-3: #c7ac95;
$color-4: #b0a07f;
$color-5: #c4ab08;

TAILWIND

colors: {
  'brand-1': '#c9c3bd',
  'brand-2': '#d3b3bb',
  'brand-3': '#c7ac95',
  'brand-4': '#b0a07f',
  'brand-5': '#c4ab08',
}

RGB Array

[201, 195, 189], [211, 179, 187], [199, 172, 149], [176, 160, 127], [196, 171, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9C3BD, #D3B3BB, #C7AC95, #B0A07F, #C4AB08 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: #c9c3bd; --color-2: #d3b3bb; --color-3: #c7ac95; --color-4: #b0a07f; --color-5: #c4ab08. 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