← Back to Editor

#C0C2B7 · #B3AA89 · #AC8E6A · #929385 · #9E5B4B

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

#C0C2B7

Willow Green · Silver · Pearl Gray

HEX
#C0C2B7
RGB
rgb(192, 194, 183)
HSL
hsl(71, 8%, 74%)
HSB
hsb(71, 6%, 76%)
CMYK
cmyk(1%, 0%, 6%, 24%)
Oklch
oklch(80.9% 0.015 115.1)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

#B3AA89

Ginger · Tan · Sunflower

HEX
#B3AA89
RGB
rgb(179, 170, 137)
HSL
hsl(47, 22%, 62%)
HSB
hsb(47, 23%, 70%)
CMYK
cmyk(0%, 5%, 23%, 30%)
Oklch
oklch(73.7% 0.047 94.6)

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

#AC8E6A

Ginger · Gray · Warm Sun

HEX
#AC8E6A
RGB
rgb(172, 142, 106)
HSL
hsl(33, 28%, 55%)
HSB
hsb(33, 38%, 67%)
CMYK
cmyk(0%, 17%, 38%, 33%)
Oklch
oklch(66.5% 0.062 71.5)

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

#929385

Ash · Gray · Warm Gray

HEX
#929385
RGB
rgb(146, 147, 133)
HSL
hsl(64, 6%, 55%)
HSB
hsb(64, 10%, 58%)
CMYK
cmyk(1%, 0%, 10%, 42%)
Oklch
oklch(65.8% 0.020 110.3)

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

#9E5B4B

Crimson · Sienna · Passion Red

HEX
#9E5B4B
RGB
rgb(158, 91, 75)
HSL
hsl(12, 36%, 46%)
HSB
hsb(12, 53%, 62%)
CMYK
cmyk(0%, 42%, 53%, 38%)
Oklch
oklch(54.4% 0.092 34.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0C2B7
B9B7C2

Analogous

C2BFB7
C0C2B7
BBC2B7

Triadic

C0C2B7
B7C0C2
C2B7C0

Split-Comp.

C0C2B7
B7BBC2
BFB7C2

Tetradic

C0C2B7
B7C2BF
B9B7C2
C2B7BB

Contrast Matrix WCAG 2.1 Contrast

C0C2B7
B3AA89
AC8E6A
929385
9E5B4B
—
1.3
Fail
1.7
Fail
1.7
Fail
2.9
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
2.2
Fail
1.7
Fail
1.3
Fail
—
1.0
Fail
1.7
Fail
1.7
Fail
1.3
Fail
1.0
Fail
—
1.7
Fail
2.9
Fail
2.2
Fail
1.7
Fail
1.7
Fail
—
White BG
1.8Fail
2.3Fail
3.1AA Large
3.1AA Large
5.2AA
Black BG
11.6AAA
9.0AAA
6.8AA
6.7AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1BA
AFAF91
9F9F73
929288
81804F

Deuteranopia

C1C1BA
B0B093
A1A375
929289
858A50

Tritanopia

C0BCBC
B39799
AB7A7B
928B8C
9B5253

Achromatopsia

C0C0C0
A9A9A9
939393
919191
6D6D6D

Shades & Tints Shades & Tints

#C0C2B7

Dark
Light

#B3AA89

Dark
Light

#AC8E6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0c2b7;
  --color-2: #b3aa89;
  --color-3: #ac8e6a;
  --color-4: #929385;
  --color-5: #9e5b4b;
}

SCSS

$color-1: #c0c2b7;
$color-2: #b3aa89;
$color-3: #ac8e6a;
$color-4: #929385;
$color-5: #9e5b4b;

TAILWIND

colors: {
  'brand-1': '#c0c2b7',
  'brand-2': '#b3aa89',
  'brand-3': '#ac8e6a',
  'brand-4': '#929385',
  'brand-5': '#9e5b4b',
}

RGB Array

[192, 194, 183], [179, 170, 137], [172, 142, 106], [146, 147, 133], [158, 91, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0C2B7, #B3AA89, #AC8E6A, #929385, #9E5B4B 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: #c0c2b7; --color-2: #b3aa89; --color-3: #ac8e6a; --color-4: #929385; --color-5: #9e5b4b. 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