← Back to Editor

#C6CAC9 · #E2D2B0 · #BDA464 · #C57E48 · #575A53

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

#C6CAC9

Silver Gray · Silver · Pearl Gray

HEX
#C6CAC9
RGB
rgb(198, 202, 201)
HSL
hsl(165, 4%, 78%)
HSB
hsb(165, 2%, 79%)
CMYK
cmyk(2%, 0%, 0%, 21%)
Oklch
oklch(83.6% 0.005 179.7)

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

#E2D2B0

Goose Yellow · Wheat · Lemon Cream

HEX
#E2D2B0
RGB
rgb(226, 210, 176)
HSL
hsl(41, 46%, 79%)
HSB
hsb(41, 22%, 89%)
CMYK
cmyk(0%, 7%, 22%, 11%)
Oklch
oklch(86.8% 0.049 85.8)

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

#BDA464

Ginger · Tan · Sunflower

HEX
#BDA464
RGB
rgb(189, 164, 100)
HSL
hsl(43, 40%, 57%)
HSB
hsb(43, 47%, 74%)
CMYK
cmyk(0%, 13%, 47%, 26%)
Oklch
oklch(72.6% 0.088 88.8)

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

#C57E48

Tangerine · Chocolate · Warm Sun

HEX
#C57E48
RGB
rgb(197, 126, 72)
HSL
hsl(26, 52%, 53%)
HSB
hsb(26, 63%, 77%)
CMYK
cmyk(0%, 36%, 63%, 23%)
Oklch
oklch(65.7% 0.113 56.4)

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

#575A53

Ink Gray · DimGray · Charcoal

HEX
#575A53
RGB
rgb(87, 90, 83)
HSL
hsl(86, 4%, 34%)
HSB
hsb(86, 8%, 35%)
CMYK
cmyk(3%, 0%, 8%, 65%)
Oklch
oklch(46.3% 0.012 125.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6CAC9
C9C5C6

Analogous

C5C9C6
C6CAC9
C5C8C9

Triadic

C6CAC9
C8C5C9
C9C8C5

Split-Comp.

C6CAC9
C9C5C8
C9C6C5

Tetradic

C6CAC9
C6C5C9
C9C5C6
C8C9C5

Contrast Matrix WCAG 2.1 Contrast

C6CAC9
E2D2B0
BDA464
C57E48
575A53
—
1.1
Fail
1.5
Fail
2.0
Fail
4.2
AA Large
1.1
Fail
—
1.6
Fail
2.2
Fail
4.7
AA
1.5
Fail
1.6
Fail
—
1.3
Fail
2.9
Fail
2.0
Fail
2.2
Fail
1.3
Fail
—
2.2
Fail
4.2
AA Large
4.7
AA
2.9
Fail
2.2
Fail
—
White BG
1.7Fail
1.5Fail
2.4Fail
3.3AA Large
7.0AAA
Black BG
12.7AAA
14.1AAA
8.7AAA
6.5AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8C9
DBDBB8
B2B273
A6A655
585855

Deuteranopia

C8C7C9
DCDDBA
B4B577
AAB058
585855

Tritanopia

C6C9C9
E1BFC0
BC8082
C15F62
575656

Achromatopsia

C9C9C9
D3D3D3
A4A4A4
8D8D8D
585858

Shades & Tints Shades & Tints

#C6CAC9

Dark
Light

#E2D2B0

Dark
Light

#BDA464

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6cac9;
  --color-2: #e2d2b0;
  --color-3: #bda464;
  --color-4: #c57e48;
  --color-5: #575a53;
}

SCSS

$color-1: #c6cac9;
$color-2: #e2d2b0;
$color-3: #bda464;
$color-4: #c57e48;
$color-5: #575a53;

TAILWIND

colors: {
  'brand-1': '#c6cac9',
  'brand-2': '#e2d2b0',
  'brand-3': '#bda464',
  'brand-4': '#c57e48',
  'brand-5': '#575a53',
}

RGB Array

[198, 202, 201], [226, 210, 176], [189, 164, 100], [197, 126, 72], [87, 90, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6CAC9, #E2D2B0, #BDA464, #C57E48, #575A53 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: #c6cac9; --color-2: #e2d2b0; --color-3: #bda464; --color-4: #c57e48; --color-5: #575a53. 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