← Back to Editor

#E8FF9E · #EAEABD · #E9D4DA · #96929E · #485566

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E8FF9E

Willow Green · Khaki · Mint Green

HEX
#E8FF9E
RGB
rgb(232, 255, 158)
HSL
hsl(74, 100%, 81%)
HSB
hsb(74, 38%, 100%)
CMYK
cmyk(9%, 0%, 38%, 0%)
Oklch
oklch(96.2% 0.124 119.7)

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

#EAEABD

Fresh Green · Wheat · Lemon Cream

HEX
#EAEABD
RGB
rgb(234, 234, 189)
HSL
hsl(60, 52%, 83%)
HSB
hsb(60, 19%, 92%)
CMYK
cmyk(0%, 0%, 19%, 8%)
Oklch
oklch(92.6% 0.059 107.5)

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

#E9D4DA

Rouge · LightGray · Cherry Blossom

HEX
#E9D4DA
RGB
rgb(233, 212, 218)
HSL
hsl(343, 32%, 87%)
HSB
hsb(343, 9%, 91%)
CMYK
cmyk(0%, 9%, 6%, 9%)
Oklch
oklch(88.9% 0.025 358.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#96929E

Ash · DarkGray · Silver Sand

HEX
#96929E
RGB
rgb(150, 146, 158)
HSL
hsl(260, 6%, 60%)
HSB
hsb(260, 8%, 62%)
CMYK
cmyk(5%, 8%, 0%, 38%)
Oklch
oklch(66.7% 0.018 301.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#485566

Indigo · DarkSlateGray · Prussian Blue

HEX
#485566
RGB
rgb(72, 85, 102)
HSL
hsl(214, 17%, 34%)
HSB
hsb(214, 29%, 40%)
CMYK
cmyk(29%, 17%, 0%, 60%)
Oklch
oklch(44.5% 0.033 255.2)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8FF9E
B59EFF

Analogous

FFE59E
E8FF9E
B8FF9E

Triadic

E8FF9E
9EE8FF
FF9EE8

Split-Comp.

E8FF9E
9EB8FF
E59EFF

Tetradic

E8FF9E
9EFFE5
B59EFF
FF9EB8

Contrast Matrix WCAG 2.1 Contrast

E8FF9E
EAEABD
E9D4DA
96929E
485566
—
1.1
Fail
1.3
Fail
2.8
Fail
6.9
AA
1.1
Fail
—
1.1
Fail
2.5
Fail
6.1
AA
1.3
Fail
1.1
Fail
—
2.2
Fail
5.4
AA
2.8
Fail
2.5
Fail
2.2
Fail
—
2.5
Fail
6.9
AA
6.1
AA
5.4
AA
2.5
Fail
—
White BG
1.1Fail
1.2Fail
1.4Fail
3.0AA Large
7.6AAA
Black BG
19.2AAA
17.0AAA
14.9AAA
6.9AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2B5
EAEAC8
E0E0D9
94949B
4E4E62

Deuteranopia

F1EFBB
EAEACB
E1E3D8
95959A
4D4C61

Tritanopia

E9C8CC
EAD0D2
E8D7D7
969998
495F5E

Achromatopsia

EDEDED
E5E5E5
DBDBDB
959595
535353

Shades & Tints Shades & Tints

#E8FF9E

Dark
Light

#EAEABD

Dark
Light

#E9D4DA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8ff9e;
  --color-2: #eaeabd;
  --color-3: #e9d4da;
  --color-4: #96929e;
  --color-5: #485566;
}

SCSS

$color-1: #e8ff9e;
$color-2: #eaeabd;
$color-3: #e9d4da;
$color-4: #96929e;
$color-5: #485566;

TAILWIND

colors: {
  'brand-1': '#e8ff9e',
  'brand-2': '#eaeabd',
  'brand-3': '#e9d4da',
  'brand-4': '#96929e',
  'brand-5': '#485566',
}

RGB Array

[232, 255, 158], [234, 234, 189], [233, 212, 218], [150, 146, 158], [72, 85, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8FF9E, #EAEABD, #E9D4DA, #96929E, #485566 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: #e8ff9e; --color-2: #eaeabd; --color-3: #e9d4da; --color-4: #96929e; --color-5: #485566. 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