← Back to Editor

#E4E8B5 · #CEB527 · #E5EEED · #EFFEFC · #00090B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E4E8B5

Fresh Green · Wheat · Lemon Cream

HEX
#E4E8B5
RGB
rgb(228, 232, 181)
HSL
hsl(65, 53%, 81%)
HSB
hsb(65, 22%, 91%)
CMYK
cmyk(2%, 0%, 22%, 9%)
Oklch
oklch(91.5% 0.067 111.4)

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

#CEB527

Autumn Sage · GoldenRod · Honey Gold

HEX
#CEB527
RGB
rgb(206, 181, 39)
HSL
hsl(51, 68%, 48%)
HSB
hsb(51, 81%, 81%)
CMYK
cmyk(0%, 12%, 81%, 19%)
Oklch
oklch(77.2% 0.150 98.4)

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

#E5EEED

Jade · Lavender · Glacier Blue

HEX
#E5EEED
RGB
rgb(229, 238, 237)
HSL
hsl(173, 21%, 92%)
HSB
hsb(173, 4%, 93%)
CMYK
cmyk(4%, 0%, 0%, 7%)
Oklch
oklch(94.2% 0.010 189.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EFFEFC

Jade · White · Glacier Blue

HEX
#EFFEFC
RGB
rgb(239, 254, 252)
HSL
hsl(172, 88%, 97%)
HSB
hsb(172, 6%, 100%)
CMYK
cmyk(6%, 0%, 1%, 0%)
Oklch
oklch(98.5% 0.016 187.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#00090B

Lake Blue · Black · Peacock Green

HEX
#00090B
RGB
rgb(0, 9, 11)
HSL
hsl(191, 100%, 2%)
HSB
hsb(191, 100%, 4%)
CMYK
cmyk(100%, 18%, 0%, 96%)
Oklch
oklch(12.8% 0.022 206.8)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4E8B5
B9B5E8

Analogous

E8D3B5
E4E8B5
CAE8B5

Triadic

E4E8B5
B5E4E8
E8B5E4

Split-Comp.

E4E8B5
B5CAE8
D3B5E8

Tetradic

E4E8B5
B5E8D3
B9B5E8
E8B5CA

Contrast Matrix WCAG 2.1 Contrast

E4E8B5
CEB527
E5EEED
EFFEFC
00090B
—
1.6
Fail
1.1
Fail
1.2
Fail
15.8
AAA
1.6
Fail
—
1.7
Fail
2.0
Fail
9.8
AAA
1.1
Fail
1.7
Fail
—
1.1
Fail
17.0
AAA
1.2
Fail
2.0
Fail
1.1
Fail
—
19.4
AAA
15.8
AAA
9.8
AAA
17.0
AAA
19.4
AAA
—
White BG
1.3Fail
2.0Fail
1.2Fail
1.0Fail
20.1AAA
Black BG
16.5AAA
10.3AAA
17.8AAA
20.3AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6C1
C3C349
E9E9ED
F5F6FC
04040B

Deuteranopia

E6E5C4
C5C752
E8E8ED
F5F4FD
03030A

Tritanopia

E4CBCD
CD646A
E5EDED
F0FDFD
000A0A

Achromatopsia

E1E1E1
ACACAC
EBEBEB
F9F9F9
070707

Shades & Tints Shades & Tints

#E4E8B5

Dark
Light

#CEB527

Dark
Light

#E5EEED

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4e8b5;
  --color-2: #ceb527;
  --color-3: #e5eeed;
  --color-4: #effefc;
  --color-5: #00090b;
}

SCSS

$color-1: #e4e8b5;
$color-2: #ceb527;
$color-3: #e5eeed;
$color-4: #effefc;
$color-5: #00090b;

TAILWIND

colors: {
  'brand-1': '#e4e8b5',
  'brand-2': '#ceb527',
  'brand-3': '#e5eeed',
  'brand-4': '#effefc',
  'brand-5': '#00090b',
}

RGB Array

[228, 232, 181], [206, 181, 39], [229, 238, 237], [239, 254, 252], [0, 9, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4E8B5, #CEB527, #E5EEED, #EFFEFC, #00090B 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: #e4e8b5; --color-2: #ceb527; --color-3: #e5eeed; --color-4: #effefc; --color-5: #00090b. 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