#EEFAAB + #D5E394 + #A4AF72 + #99CDC9 + #DBE5E8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEFAAB

Fresh Green · Wheat · Lemon Cream

HEX

#EEFAAB

RGB

rgb(238, 250, 171)

HSL

hsl(69, 89%, 83%)

HSB

hsb(69, 32%, 98%)

CMYK

cmyk(5%, 0%, 32%, 2%)

Oklch

oklch(95.8% 0.101 115.4)

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

#D5E394

Willow Green · Khaki · Apple Green

HEX

#D5E394

RGB

rgb(213, 227, 148)

HSL

hsl(71, 59%, 74%)

HSB

hsb(71, 35%, 89%)

CMYK

cmyk(6%, 0%, 35%, 11%)

Oklch

oklch(88.7% 0.103 116.7)

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

#A4AF72

Grass Green · DarkSeaGreen · Olive Green

HEX

#A4AF72

RGB

rgb(164, 175, 114)

HSL

hsl(71, 28%, 57%)

HSB

hsb(71, 35%, 69%)

CMYK

cmyk(6%, 0%, 35%, 31%)

Oklch

oklch(73.0% 0.083 116.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#99CDC9

Jade · LightSteelBlue · Lake Green

HEX

#99CDC9

RGB

rgb(153, 205, 201)

HSL

hsl(175, 34%, 70%)

HSB

hsb(175, 25%, 80%)

CMYK

cmyk(25%, 0%, 2%, 20%)

Oklch

oklch(81.1% 0.054 190.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#DBE5E8

Sky Blue · Lavender · Glacier Blue

HEX

#DBE5E8

RGB

rgb(219, 229, 232)

HSL

hsl(194, 22%, 88%)

HSB

hsb(194, 6%, 91%)

CMYK

cmyk(6%, 1%, 0%, 9%)

Oklch

oklch(91.5% 0.012 217.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEFAAB

B9ADFA

Analogous

FADFAD

EEFAAB

C8FAAD

Triadic

EEFAAB

ADEFFA

FAADEF

Split-Comp.

EEFAAB

ADC8FA

DFADFA

Tetradic

EEFAAB

ADFADF

B9ADFA

FAADC8

Contrast Matrix WCAG 2.1 Contrast

EEFAAB	D5E394	A4AF72	99CDC9	DBE5E8
—	1.2 Fail	2.1 Fail	1.6 Fail	1.2 Fail
1.2 Fail	—	1.7 Fail	1.3 Fail	1.1 Fail
2.1 Fail	1.7 Fail	—	1.3 Fail	1.8 Fail
1.6 Fail	1.3 Fail	1.3 Fail	—	1.4 Fail
1.2 Fail	1.1 Fail	1.8 Fail	1.4 Fail	—

White BG

1.1Fail

1.4Fail

2.3Fail

1.8Fail

1.3Fail

Black BG

18.9AAA

15.2AAA

9.0AAA

11.9AAA

16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3BE

DBDBA7

A9A981

B0B0CA

DFDFE7

Deuteranopia

F3F2C3

DAD9AC

A8A784

ADA9CA

DFDEE7

Tritanopia

EFCDD1

D6B6BA

A58C8F

9CCBCB

DBE7E7

Achromatopsia

EDEDED

D6D6D6

A5A5A5

BDBDBD

E2E2E2

Shades & Tints Shades & Tints

#EEFAAB

Dark

Light

#D5E394

Dark

Light

#A4AF72

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eefaab;
  --color-2: #d5e394;
  --color-3: #a4af72;
  --color-4: #99cdc9;
  --color-5: #dbe5e8;
}

SCSS

$color-1: #eefaab;
$color-2: #d5e394;
$color-3: #a4af72;
$color-4: #99cdc9;
$color-5: #dbe5e8;

TAILWIND

colors: {
  'brand-1': '#eefaab',
  'brand-2': '#d5e394',
  'brand-3': '#a4af72',
  'brand-4': '#99cdc9',
  'brand-5': '#dbe5e8',
}

RGB Array

[238, 250, 171], [213, 227, 148], [164, 175, 114], [153, 205, 201], [219, 229, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEFAAB, #D5E394, #A4AF72, #99CDC9, #DBE5E8 is ideal for: health products, baby brands, fresh-style blogs. 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: #eefaab; --color-2: #d5e394; --color-3: #a4af72; --color-4: #99cdc9; --color-5: #dbe5e8. 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. 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