← Back to Editor

#EAFFB8 · #837A70 · #E9F3E8 · #EFF1AE · #EFF1A0

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

#EAFFB8

Willow Green · Wheat · Mint Green

HEX
#EAFFB8
RGB
rgb(234, 255, 184)
HSL
hsl(78, 100%, 86%)
HSB
hsb(78, 28%, 100%)
CMYK
cmyk(8%, 0%, 28%, 0%)
Oklch
oklch(96.8% 0.094 121.5)

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

#837A70

Ochre · Gray · Warm Gray

HEX
#837A70
RGB
rgb(131, 122, 112)
HSL
hsl(32, 8%, 48%)
HSB
hsb(32, 15%, 51%)
CMYK
cmyk(0%, 7%, 15%, 49%)
Oklch
oklch(58.5% 0.019 70.4)

Traditional「Ochre」· Paint「Warm Gray」· Creative Urban Concrete

#E9F3E8

Celadon · Beige · Mint Green

HEX
#E9F3E8
RGB
rgb(233, 243, 232)
HSL
hsl(115, 31%, 93%)
HSB
hsb(115, 5%, 95%)
CMYK
cmyk(4%, 0%, 5%, 5%)
Oklch
oklch(95.4% 0.018 142.8)

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

#EFF1AE

Fresh Green · Wheat · Lemon Cream

HEX
#EFF1AE
RGB
rgb(239, 241, 174)
HSL
hsl(62, 71%, 81%)
HSB
hsb(62, 28%, 95%)
CMYK
cmyk(1%, 0%, 28%, 5%)
Oklch
oklch(94.1% 0.086 109.4)

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

#EFF1A0

Fresh Green · Khaki · Lemon Cream

HEX
#EFF1A0
RGB
rgb(239, 241, 160)
HSL
hsl(61, 74%, 79%)
HSB
hsb(61, 34%, 95%)
CMYK
cmyk(1%, 0%, 34%, 5%)
Oklch
oklch(93.8% 0.102 109.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAFFB8
CDB8FF

Analogous

FFF1B8
EAFFB8
C6FFB8

Triadic

EAFFB8
B8EAFF
FFB8EA

Split-Comp.

EAFFB8
B8C6FF
F1B8FF

Tetradic

EAFFB8
B8FFF1
CDB8FF
FFB8C6

Contrast Matrix WCAG 2.1 Contrast

EAFFB8
837A70
E9F3E8
EFF1AE
EFF1A0
—
3.9
AA Large
1.1
Fail
1.1
Fail
1.1
Fail
3.9
AA Large
—
3.7
AA Large
3.6
AA Large
3.6
AA Large
1.1
Fail
3.7
AA Large
—
1.0
Fail
1.0
Fail
1.1
Fail
3.6
AA Large
1.0
Fail
—
1.0
Fail
1.1
Fail
3.6
AA Large
1.0
Fail
1.0
Fail
—
White BG
1.1Fail
4.2AA Large
1.1Fail
1.2Fail
1.2Fail
Black BG
19.5AAA
5.0AA
18.5AAA
17.9AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3C9
7F7F72
EDEDEB
F0F0BE
F0F0B4

Deuteranopia

F2F0CD
808073
EDECEB
F0F0C2
F0F0B8

Tritanopia

EBD7DA
837475
EAEDED
EFCBCE
EFC3C6

Achromatopsia

F1F1F1
7C7C7C
EFEFEF
E9E9E9
E7E7E7

Shades & Tints Shades & Tints

#EAFFB8

Dark
Light

#837A70

Dark
Light

#E9F3E8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaffb8;
  --color-2: #837a70;
  --color-3: #e9f3e8;
  --color-4: #eff1ae;
  --color-5: #eff1a0;
}

SCSS

$color-1: #eaffb8;
$color-2: #837a70;
$color-3: #e9f3e8;
$color-4: #eff1ae;
$color-5: #eff1a0;

TAILWIND

colors: {
  'brand-1': '#eaffb8',
  'brand-2': '#837a70',
  'brand-3': '#e9f3e8',
  'brand-4': '#eff1ae',
  'brand-5': '#eff1a0',
}

RGB Array

[234, 255, 184], [131, 122, 112], [233, 243, 232], [239, 241, 174], [239, 241, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAFFB8, #837A70, #E9F3E8, #EFF1AE, #EFF1A0 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: #eaffb8; --color-2: #837a70; --color-3: #e9f3e8; --color-4: #eff1ae; --color-5: #eff1a0. 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