← Back to Editor

#C9C9A4 · #C9B7A4 · #C68F89 · #B5505D · #2B3F41

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C9C9A4

Fresh Green · Silver · Sunflower

HEX
#C9C9A4
RGB
rgb(201, 201, 164)
HSL
hsl(60, 26%, 72%)
HSB
hsb(60, 18%, 79%)
CMYK
cmyk(0%, 0%, 18%, 21%)
Oklch
oklch(82.6% 0.050 107.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C9B7A4

Goose Yellow · Tan · Warm Sun

HEX
#C9B7A4
RGB
rgb(201, 183, 164)
HSL
hsl(31, 26%, 72%)
HSB
hsb(31, 18%, 79%)
CMYK
cmyk(0%, 9%, 18%, 21%)
Oklch
oklch(78.9% 0.033 68.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C68F89

Peach Pink · DarkSalmon · Coral Red

HEX
#C68F89
RGB
rgb(198, 143, 137)
HSL
hsl(6, 35%, 66%)
HSB
hsb(6, 31%, 78%)
CMYK
cmyk(0%, 28%, 31%, 22%)
Oklch
oklch(70.2% 0.068 25.9)

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

#B5505D

Crimson · Sienna · Passion Red

HEX
#B5505D
RGB
rgb(181, 80, 93)
HSL
hsl(352, 41%, 51%)
HSB
hsb(352, 56%, 71%)
CMYK
cmyk(0%, 56%, 49%, 29%)
Oklch
oklch(56.3% 0.131 14.4)

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

#2B3F41

Slate Blue · DarkSlateGray · Peacock Green

HEX
#2B3F41
RGB
rgb(43, 63, 65)
HSL
hsl(185, 20%, 21%)
HSB
hsb(185, 34%, 25%)
CMYK
cmyk(34%, 3%, 0%, 75%)
Oklch
oklch(35.2% 0.026 203.8)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9C9A4
A5A5CA

Analogous

CAB8A5
C9C9A4
B8CAA5

Triadic

C9C9A4
A5CACA
CAA5CA

Split-Comp.

C9C9A4
A5B8CA
B8A5CA

Tetradic

C9C9A4
A5CAB8
A5A5CA
CAA5B8

Contrast Matrix WCAG 2.1 Contrast

C9C9A4
C9B7A4
C68F89
B5505D
2B3F41
—
1.1
Fail
1.6
Fail
2.9
Fail
6.5
AA
1.1
Fail
—
1.4
Fail
2.5
Fail
5.7
AA
1.6
Fail
1.4
Fail
—
1.8
Fail
4.1
AA Large
2.9
Fail
2.5
Fail
1.8
Fail
—
2.3
Fail
6.5
AA
5.7
AA
4.1
AA Large
2.3
Fail
—
White BG
1.7Fail
1.9Fail
2.7Fail
4.9AA
11.1AAA
Black BG
12.4AAA
10.8AAA
7.7AAA
4.3AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9AD
C1C1A9
AEAE8A
89885A
343441

Deuteranopia

C9C9AF
C2C4AA
B1B68B
8F9759
333140

Tritanopia

C9B4B6
C8ACAD
C38C8C
B05757
2C4040

Achromatopsia

C5C5C5
BABABA
9F9F9F
707070
393939

Shades & Tints Shades & Tints

#C9C9A4

Dark
Light

#C9B7A4

Dark
Light

#C68F89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9c9a4;
  --color-2: #c9b7a4;
  --color-3: #c68f89;
  --color-4: #b5505d;
  --color-5: #2b3f41;
}

SCSS

$color-1: #c9c9a4;
$color-2: #c9b7a4;
$color-3: #c68f89;
$color-4: #b5505d;
$color-5: #2b3f41;

TAILWIND

colors: {
  'brand-1': '#c9c9a4',
  'brand-2': '#c9b7a4',
  'brand-3': '#c68f89',
  'brand-4': '#b5505d',
  'brand-5': '#2b3f41',
}

RGB Array

[201, 201, 164], [201, 183, 164], [198, 143, 137], [181, 80, 93], [43, 63, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9C9A4, #C9B7A4, #C68F89, #B5505D, #2B3F41 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: #c9c9a4; --color-2: #c9b7a4; --color-3: #c68f89; --color-4: #b5505d; --color-5: #2b3f41. 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