← Back to Editor

#C9CDA8 · #5C0C01 · #C5AD25 · #AE3115 · #E5EDB4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#C9CDA8

Fresh Green · Silver · Sunflower

HEX
#C9CDA8
RGB
rgb(201, 205, 168)
HSL
hsl(66, 27%, 73%)
HSB
hsb(66, 18%, 80%)
CMYK
cmyk(2%, 0%, 18%, 20%)
Oklch
oklch(83.6% 0.050 112.5)

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

#5C0C01

Vermilion · Maroon · Deep Berry

HEX
#5C0C01
RGB
rgb(92, 12, 1)
HSL
hsl(7, 98%, 18%)
HSB
hsb(7, 99%, 36%)
CMYK
cmyk(0%, 87%, 99%, 64%)
Oklch
oklch(30.7% 0.114 32.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#C5AD25

Autumn Sage · GoldenRod · Honey Gold

HEX
#C5AD25
RGB
rgb(197, 173, 37)
HSL
hsl(51, 68%, 46%)
HSB
hsb(51, 81%, 77%)
CMYK
cmyk(0%, 12%, 81%, 23%)
Oklch
oklch(74.7% 0.145 98.3)

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

#AE3115

Vermilion · FireBrick · Wine Red

HEX
#AE3115
RGB
rgb(174, 49, 21)
HSL
hsl(11, 78%, 38%)
HSB
hsb(11, 88%, 68%)
CMYK
cmyk(0%, 72%, 88%, 32%)
Oklch
oklch(50.2% 0.166 33.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#E5EDB4

Fresh Green · Wheat · Lemon Cream

HEX
#E5EDB4
RGB
rgb(229, 237, 180)
HSL
hsl(68, 61%, 82%)
HSB
hsb(68, 24%, 93%)
CMYK
cmyk(3%, 0%, 24%, 7%)
Oklch
oklch(92.6% 0.074 114.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9CDA8
ABA8CD

Analogous

CDBEA8
C9CDA8
B6CDA8

Triadic

C9CDA8
A8C9CD
CDA8C9

Split-Comp.

C9CDA8
A8B6CD
BEA8CD

Tetradic

C9CDA8
A8CDBE
ABA8CD
CDA8B6

Contrast Matrix WCAG 2.1 Contrast

C9CDA8
5C0C01
C5AD25
AE3115
E5EDB4
—
8.5
AAA
1.4
Fail
3.9
AA Large
1.3
Fail
8.5
AAA
—
6.2
AA
2.2
Fail
11.3
AAA
1.4
Fail
6.2
AA
—
2.9
Fail
1.8
Fail
3.9
AA Large
2.2
Fail
2.9
Fail
—
5.3
AA
1.3
Fail
11.3
AAA
1.8
Fail
5.3
AA
—
White BG
1.6Fail
13.9AAA
2.2Fail
6.5AA
1.2Fail
Black BG
12.8AAA
1.5Fail
9.4AAA
3.2AA Large
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBB1
393904
BBBA46
78771C
E8E9C2

Deuteranopia

CBCAB3
3E4404
BCBE4E
7F891D
E8E7C5

Tritanopia

C9B8BA
580606
C46066
A82122
E5CDCF

Achromatopsia

C8C8C8
232323
A5A5A5
535353
E4E4E4

Shades & Tints Shades & Tints

#C9CDA8

Dark
Light

#5C0C01

Dark
Light

#C5AD25

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9cda8;
  --color-2: #5c0c01;
  --color-3: #c5ad25;
  --color-4: #ae3115;
  --color-5: #e5edb4;
}

SCSS

$color-1: #c9cda8;
$color-2: #5c0c01;
$color-3: #c5ad25;
$color-4: #ae3115;
$color-5: #e5edb4;

TAILWIND

colors: {
  'brand-1': '#c9cda8',
  'brand-2': '#5c0c01',
  'brand-3': '#c5ad25',
  'brand-4': '#ae3115',
  'brand-5': '#e5edb4',
}

RGB Array

[201, 205, 168], [92, 12, 1], [197, 173, 37], [174, 49, 21], [229, 237, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9CDA8, #5C0C01, #C5AD25, #AE3115, #E5EDB4 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c9cda8; --color-2: #5c0c01; --color-3: #c5ad25; --color-4: #ae3115; --color-5: #e5edb4. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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