← Back to Editor

#EEEBE2 · #C4C4AD · #C7C414 · #F5C14C · #D9E4C4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EEEBE2

Goose Yellow · Beige · Lemon Cream

HEX
#EEEBE2
RGB
rgb(238, 235, 226)
HSL
hsl(45, 26%, 91%)
HSB
hsb(45, 5%, 93%)
CMYK
cmyk(0%, 1%, 5%, 7%)
Oklch
oklch(94.0% 0.012 91.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C4C4AD

Fresh Green · Silver · Sunflower

HEX
#C4C4AD
RGB
rgb(196, 196, 173)
HSL
hsl(60, 16%, 72%)
HSB
hsb(60, 12%, 77%)
CMYK
cmyk(0%, 0%, 12%, 23%)
Oklch
oklch(81.4% 0.031 107.1)

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

#C7C414

Autumn Sage · GoldenRod · Honey Gold

HEX
#C7C414
RGB
rgb(199, 196, 20)
HSL
hsl(59, 82%, 43%)
HSB
hsb(59, 90%, 78%)
CMYK
cmyk(0%, 2%, 90%, 22%)
Oklch
oklch(79.7% 0.169 108.6)

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

#F5C14C

Ginger · SandyBrown · Sunflower

HEX
#F5C14C
RGB
rgb(245, 193, 76)
HSL
hsl(42, 89%, 63%)
HSB
hsb(42, 69%, 96%)
CMYK
cmyk(0%, 21%, 69%, 4%)
Oklch
oklch(83.7% 0.143 84.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D9E4C4

Willow Green · LightGray · Mint Green

HEX
#D9E4C4
RGB
rgb(217, 228, 196)
HSL
hsl(81, 37%, 83%)
HSB
hsb(81, 14%, 89%)
CMYK
cmyk(5%, 0%, 14%, 11%)
Oklch
oklch(90.2% 0.044 122.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEEBE2
E2E5EE

Analogous

EEE5E2
EEEBE2
EBEEE2

Triadic

EEEBE2
E2EEEB
EBE2EE

Split-Comp.

EEEBE2
E2EBEE
E5E2EE

Tetradic

EEEBE2
E2EEE5
E2E5EE
EEE2EB

Contrast Matrix WCAG 2.1 Contrast

EEEBE2
C4C4AD
C7C414
F5C14C
D9E4C4
—
1.5
Fail
1.6
Fail
1.4
Fail
1.1
Fail
1.5
Fail
—
1.0
Fail
1.1
Fail
1.3
Fail
1.6
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.3
Fail
1.4
Fail
1.3
Fail
—
White BG
1.2Fail
1.8Fail
1.9Fail
1.7Fail
1.3Fail
Black BG
17.6AAA
11.8AAA
11.3AAA
12.6AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE4
C4C4B3
C6C63F
DEDE68
DEDECC

Deuteranopia

EDEDE5
C4C4B4
C6C649
E2E56F
DDDCCE

Tritanopia

EEE6E6
C4B7B8
C76068
F27F84
DAD2D3

Achromatopsia

EBEBEB
C1C1C1
B1B1B1
C3C3C3
DDDDDD

Shades & Tints Shades & Tints

#EEEBE2

Dark
Light

#C4C4AD

Dark
Light

#C7C414

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeebe2;
  --color-2: #c4c4ad;
  --color-3: #c7c414;
  --color-4: #f5c14c;
  --color-5: #d9e4c4;
}

SCSS

$color-1: #eeebe2;
$color-2: #c4c4ad;
$color-3: #c7c414;
$color-4: #f5c14c;
$color-5: #d9e4c4;

TAILWIND

colors: {
  'brand-1': '#eeebe2',
  'brand-2': '#c4c4ad',
  'brand-3': '#c7c414',
  'brand-4': '#f5c14c',
  'brand-5': '#d9e4c4',
}

RGB Array

[238, 235, 226], [196, 196, 173], [199, 196, 20], [245, 193, 76], [217, 228, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEEBE2, #C4C4AD, #C7C414, #F5C14C, #D9E4C4 is ideal for: health products, baby brands, fresh-style blogs, 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: #eeebe2; --color-2: #c4c4ad; --color-3: #c7c414; --color-4: #f5c14c; --color-5: #d9e4c4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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