← Back to Editor

#EEE8AE · #F0FABD · #C6513D · #96BB87 · #76201F

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

#EEE8AE

Fresh Green · Wheat · Lemon Cream

HEX
#EEE8AE
RGB
rgb(238, 232, 174)
HSL
hsl(54, 65%, 81%)
HSB
hsb(54, 27%, 93%)
CMYK
cmyk(0%, 3%, 27%, 7%)
Oklch
oklch(92.2% 0.075 102.8)

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

#F0FABD

Willow Green · Bisque · Mint Green

HEX
#F0FABD
RGB
rgb(240, 250, 189)
HSL
hsl(70, 86%, 86%)
HSB
hsb(70, 24%, 98%)
CMYK
cmyk(4%, 0%, 24%, 2%)
Oklch
oklch(96.3% 0.079 115.5)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#C6513D

Crimson · Chocolate · Passion Red

HEX
#C6513D
RGB
rgb(198, 81, 61)
HSL
hsl(9, 55%, 51%)
HSB
hsb(9, 69%, 78%)
CMYK
cmyk(0%, 59%, 69%, 22%)
Oklch
oklch(58.4% 0.154 31.8)

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

#96BB87

Celadon · DarkSeaGreen · Apple Green

HEX
#96BB87
RGB
rgb(150, 187, 135)
HSL
hsl(103, 28%, 63%)
HSB
hsb(103, 28%, 73%)
CMYK
cmyk(20%, 0%, 28%, 27%)
Oklch
oklch(75.1% 0.083 136.8)

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

#76201F

Crimson · Maroon · Wine Red

HEX
#76201F
RGB
rgb(118, 32, 31)
HSL
hsl(1, 58%, 29%)
HSB
hsb(1, 74%, 46%)
CMYK
cmyk(0%, 73%, 74%, 54%)
Oklch
oklch(38.2% 0.120 25.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE8AE
AFB5EE

Analogous

EEC8AF
EEE8AE
D5EEAF

Triadic

EEE8AE
AFEEE8
E8AFEE

Split-Comp.

EEE8AE
AFD5EE
C8AFEE

Tetradic

EEE8AE
AFEEC8
AFB5EE
EEAFD5

Contrast Matrix WCAG 2.1 Contrast

EEE8AE
F0FABD
C6513D
96BB87
76201F
—
1.1
Fail
3.6
AA Large
1.7
Fail
8.4
AAA
1.1
Fail
—
4.1
AA Large
2.0
Fail
9.6
AAA
3.6
AA Large
4.1
AA Large
—
2.1
Fail
2.3
Fail
1.7
Fail
2.0
Fail
2.1
Fail
—
4.9
AA
8.4
AAA
9.6
AAA
2.3
Fail
4.9
AA
—
White BG
1.3Fail
1.1Fail
4.5AA
2.2Fail
10.5AAA
Black BG
16.8AAA
19.1AAA
4.6AA
9.8AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBBC
F4F4CC
939242
A6A694
51501F

Deuteranopia

ECECBF
F4F3CF
9AA343
A4A197
565C1F

Tritanopia

EEC7CA
F1D7DA
C04647
989EA0
721F1F

Achromatopsia

E3E3E3
F0F0F0
727272
AAAAAA
3A3A3A

Shades & Tints Shades & Tints

#EEE8AE

Dark
Light

#F0FABD

Dark
Light

#C6513D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee8ae;
  --color-2: #f0fabd;
  --color-3: #c6513d;
  --color-4: #96bb87;
  --color-5: #76201f;
}

SCSS

$color-1: #eee8ae;
$color-2: #f0fabd;
$color-3: #c6513d;
$color-4: #96bb87;
$color-5: #76201f;

TAILWIND

colors: {
  'brand-1': '#eee8ae',
  'brand-2': '#f0fabd',
  'brand-3': '#c6513d',
  'brand-4': '#96bb87',
  'brand-5': '#76201f',
}

RGB Array

[238, 232, 174], [240, 250, 189], [198, 81, 61], [150, 187, 135], [118, 32, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE8AE, #F0FABD, #C6513D, #96BB87, #76201F is ideal for: 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: #eee8ae; --color-2: #f0fabd; --color-3: #c6513d; --color-4: #96bb87; --color-5: #76201f. 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. 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