← Back to Editor

#C8C9AD · #A5BDA4 · #667572 · #2E2D33 · #C26755

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

#C8C9AD

Fresh Green · Silver · Sunflower

HEX
#C8C9AD
RGB
rgb(200, 201, 173)
HSL
hsl(62, 21%, 73%)
HSB
hsb(62, 14%, 79%)
CMYK
cmyk(0%, 0%, 14%, 21%)
Oklch
oklch(82.8% 0.038 108.9)

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

#A5BDA4

Celadon · DarkGray · Apple Green

HEX
#A5BDA4
RGB
rgb(165, 189, 164)
HSL
hsl(118, 16%, 69%)
HSB
hsb(118, 13%, 74%)
CMYK
cmyk(13%, 0%, 13%, 26%)
Oklch
oklch(77.3% 0.044 144.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#667572

Ink Gray · DimGray · Warm Gray

HEX
#667572
RGB
rgb(102, 117, 114)
HSL
hsl(168, 7%, 43%)
HSB
hsb(168, 13%, 46%)
CMYK
cmyk(13%, 0%, 3%, 54%)
Oklch
oklch(54.9% 0.018 182.2)

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

#2E2D33

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2E2D33
RGB
rgb(46, 45, 51)
HSL
hsl(250, 6%, 19%)
HSB
hsb(250, 12%, 20%)
CMYK
cmyk(10%, 12%, 0%, 80%)
Oklch
oklch(30.1% 0.011 293.4)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#C26755

Crimson · Sienna · Passion Red

HEX
#C26755
RGB
rgb(194, 103, 85)
HSL
hsl(10, 47%, 55%)
HSB
hsb(10, 56%, 76%)
CMYK
cmyk(0%, 47%, 56%, 24%)
Oklch
oklch(61.5% 0.120 32.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8C9AD
ADACC9

Analogous

C9BBAC
C8C9AD
B9C9AC

Triadic

C8C9AD
ACC8C9
C9ACC8

Split-Comp.

C8C9AD
ACB9C9
BBACC9

Tetradic

C8C9AD
ACC9BB
ADACC9
C9ACB9

Contrast Matrix WCAG 2.1 Contrast

C8C9AD
A5BDA4
667572
2E2D33
C26755
—
1.2
Fail
2.9
Fail
8.1
AAA
2.3
Fail
1.2
Fail
—
2.4
Fail
6.8
AA
1.9
Fail
2.9
Fail
2.4
Fail
—
2.8
Fail
1.2
Fail
8.1
AAA
6.8
AA
2.8
Fail
—
3.5
AA Large
2.3
Fail
1.9
Fail
1.2
Fail
3.5
AA Large
—
White BG
1.7Fail
2.0Fail
4.8AA
13.6AAA
3.9AA Large
Black BG
12.4AAA
10.4AAA
4.4AA Large
1.5Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8B4
AFB0AA
6C6D73
2E2E32
9B9A59

Deuteranopia

C8C8B5
AEACAC
6C6B73
2E2E31
A0A75A

Tritanopia

C8B9BA
A6AFB0
677373
2E3030
BD5D5E

Achromatopsia

C6C6C6
B3B3B3
707070
2E2E2E
808080

Shades & Tints Shades & Tints

#C8C9AD

Dark
Light

#A5BDA4

Dark
Light

#667572

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8c9ad;
  --color-2: #a5bda4;
  --color-3: #667572;
  --color-4: #2e2d33;
  --color-5: #c26755;
}

SCSS

$color-1: #c8c9ad;
$color-2: #a5bda4;
$color-3: #667572;
$color-4: #2e2d33;
$color-5: #c26755;

TAILWIND

colors: {
  'brand-1': '#c8c9ad',
  'brand-2': '#a5bda4',
  'brand-3': '#667572',
  'brand-4': '#2e2d33',
  'brand-5': '#c26755',
}

RGB Array

[200, 201, 173], [165, 189, 164], [102, 117, 114], [46, 45, 51], [194, 103, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8C9AD, #A5BDA4, #667572, #2E2D33, #C26755 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: #c8c9ad; --color-2: #a5bda4; --color-3: #667572; --color-4: #2e2d33; --color-5: #c26755. 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