← Back to Editor

#C1C493 · #E7EBB0 · #8F9174 · #585947 · #212121

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

#C1C493

Fresh Green · Tan · Sunflower

HEX
#C1C493
RGB
rgb(193, 196, 147)
HSL
hsl(64, 29%, 67%)
HSB
hsb(64, 25%, 77%)
CMYK
cmyk(2%, 0%, 25%, 23%)
Oklch
oklch(80.6% 0.066 110.7)

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

#E7EBB0

Fresh Green · Wheat · Lemon Cream

HEX
#E7EBB0
RGB
rgb(231, 235, 176)
HSL
hsl(64, 60%, 81%)
HSB
hsb(64, 25%, 92%)
CMYK
cmyk(2%, 0%, 25%, 8%)
Oklch
oklch(92.3% 0.076 111.0)

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

#8F9174

Autumn Sage · Gray · Sunflower

HEX
#8F9174
RGB
rgb(143, 145, 116)
HSL
hsl(64, 12%, 51%)
HSB
hsb(64, 20%, 57%)
CMYK
cmyk(1%, 0%, 20%, 43%)
Oklch
oklch(64.7% 0.042 110.8)

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

#585947

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#585947
RGB
rgb(88, 89, 71)
HSL
hsl(63, 11%, 31%)
HSB
hsb(63, 20%, 35%)
CMYK
cmyk(1%, 0%, 20%, 65%)
Oklch
oklch(45.8% 0.028 110.1)

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

#212121

Ink Black · Black · Dark Stone

HEX
#212121
RGB
rgb(33, 33, 33)
HSL
hsl(0, 0%, 13%)
HSB
hsb(0, 0%, 13%)
CMYK
cmyk(0%, 0%, 0%, 87%)
Oklch
oklch(24.8% 0.000 89.9)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1C493
9692C3

Analogous

C3AE92
C1C493
A8C392

Triadic

C1C493
92C0C3
C392C0

Split-Comp.

C1C493
92A8C3
AE92C3

Tetradic

C1C493
92C3AE
9692C3
C392A8

Contrast Matrix WCAG 2.1 Contrast

C1C493
E7EBB0
8F9174
585947
212121
—
1.5
Fail
1.8
Fail
3.9
AA Large
8.9
AAA
1.5
Fail
—
2.6
Fail
5.8
AA
13.0
AAA
1.8
Fail
2.6
Fail
—
2.2
Fail
5.0
AA
3.9
AA Large
5.8
AA
2.2
Fail
—
2.3
Fail
8.9
AAA
13.0
AAA
5.0
AA
2.3
Fail
—
White BG
1.8Fail
1.2Fail
3.2AA Large
7.2AAA
16.1AAA
Black BG
11.6AAA
16.9AAA
6.5AA
2.9Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C29F
E9E9BE
90907B
58584B
212121

Deuteranopia

C2C2A2
E9E8C2
90907D
58584C
212121

Tritanopia

C1A8AA
E7CACC
8F8182
584F50
212121

Achromatopsia

BEBEBE
E3E3E3
8D8D8D
575757
212121

Shades & Tints Shades & Tints

#C1C493

Dark
Light

#E7EBB0

Dark
Light

#8F9174

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1c493;
  --color-2: #e7ebb0;
  --color-3: #8f9174;
  --color-4: #585947;
  --color-5: #212121;
}

SCSS

$color-1: #c1c493;
$color-2: #e7ebb0;
$color-3: #8f9174;
$color-4: #585947;
$color-5: #212121;

TAILWIND

colors: {
  'brand-1': '#c1c493',
  'brand-2': '#e7ebb0',
  'brand-3': '#8f9174',
  'brand-4': '#585947',
  'brand-5': '#212121',
}

RGB Array

[193, 196, 147], [231, 235, 176], [143, 145, 116], [88, 89, 71], [33, 33, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1C493, #E7EBB0, #8F9174, #585947, #212121 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: #c1c493; --color-2: #e7ebb0; --color-3: #8f9174; --color-4: #585947; --color-5: #212121. 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