← Back to Editor

#C5CB9F · #C3C355 · #8B6538 · #423026 · #291F20

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 LibraryData Visualization

Color Details Color Details

#C5CB9F

Fresh Green · Tan · Sunflower

HEX
#C5CB9F
RGB
rgb(197, 203, 159)
HSL
hsl(68, 30%, 71%)
HSB
hsb(68, 22%, 80%)
CMYK
cmyk(3%, 0%, 22%, 20%)
Oklch
oklch(82.6% 0.059 114.0)

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

#C3C355

Autumn Sage · BurlyWood · Sunflower

HEX
#C3C355
RGB
rgb(195, 195, 85)
HSL
hsl(60, 48%, 55%)
HSB
hsb(60, 56%, 76%)
CMYK
cmyk(0%, 0%, 56%, 24%)
Oklch
oklch(79.5% 0.133 109.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#8B6538

Ochre · Sienna · Amber Brown

HEX
#8B6538
RGB
rgb(139, 101, 56)
HSL
hsl(33, 43%, 38%)
HSB
hsb(33, 60%, 55%)
CMYK
cmyk(0%, 27%, 60%, 45%)
Oklch
oklch(53.6% 0.079 69.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#423026

Tangerine · DarkSlateGray · Cinnamon

HEX
#423026
RGB
rgb(66, 48, 38)
HSL
hsl(21, 27%, 20%)
HSB
hsb(21, 42%, 26%)
CMYK
cmyk(0%, 27%, 42%, 74%)
Oklch
oklch(32.7% 0.031 50.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#291F20

Crimson · Black · Deep Berry

HEX
#291F20
RGB
rgb(41, 31, 32)
HSL
hsl(354, 14%, 14%)
HSB
hsb(354, 24%, 16%)
CMYK
cmyk(0%, 24%, 22%, 84%)
Oklch
oklch(25.2% 0.016 11.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5CB9F
A59FCB

Analogous

CBBB9F
C5CB9F
AFCB9F

Triadic

C5CB9F
9FC5CB
CB9FC5

Split-Comp.

C5CB9F
9FAFCB
BB9FCB

Tetradic

C5CB9F
9FCBBB
A59FCB
CB9FAF

Contrast Matrix WCAG 2.1 Contrast

C5CB9F
C3C355
8B6538
423026
291F20
—
1.1
Fail
3.1
AA Large
7.4
AAA
9.5
AAA
1.1
Fail
—
2.8
Fail
6.7
AA
8.6
AAA
3.1
AA Large
2.8
Fail
—
2.4
Fail
3.1
AA Large
7.4
AAA
6.7
AA
2.4
Fail
—
1.3
Fail
9.5
AAA
8.6
AAA
3.1
AA Large
1.3
Fail
—
White BG
1.7Fail
1.9Fail
5.2AA
12.5AAA
16.0AAA
Black BG
12.4AAA
11.3AAA
4.0AA Large
1.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8AA
C3C370
7B7A43
3A3A28
252520

Deuteranopia

C7C7AC
C3C376
7D8046
3B3D29
252620

Tritanopia

C5B2B4
C38589
894B4D
412A2B
282020

Achromatopsia

C4C4C4
B6B6B6
6B6B6B
343434
222222

Shades & Tints Shades & Tints

#C5CB9F

Dark
Light

#C3C355

Dark
Light

#8B6538

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5cb9f;
  --color-2: #c3c355;
  --color-3: #8b6538;
  --color-4: #423026;
  --color-5: #291f20;
}

SCSS

$color-1: #c5cb9f;
$color-2: #c3c355;
$color-3: #8b6538;
$color-4: #423026;
$color-5: #291f20;

TAILWIND

colors: {
  'brand-1': '#c5cb9f',
  'brand-2': '#c3c355',
  'brand-3': '#8b6538',
  'brand-4': '#423026',
  'brand-5': '#291f20',
}

RGB Array

[197, 203, 159], [195, 195, 85], [139, 101, 56], [66, 48, 38], [41, 31, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5CB9F, #C3C355, #8B6538, #423026, #291F20 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c5cb9f; --color-2: #c3c355; --color-3: #8b6538; --color-4: #423026; --color-5: #291f20. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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. 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