#EEE1B0 + #DFE7C9 + #CBE8D2 + #B5E7D9 + #72E0E3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEE1B0

Goose Yellow · Wheat · Lemon Cream

HEX

#EEE1B0

RGB

rgb(238, 225, 176)

HSL

hsl(47, 65%, 81%)

HSB

hsb(47, 26%, 93%)

CMYK

cmyk(0%, 5%, 26%, 7%)

Oklch

oklch(90.8% 0.065 95.0)

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

#DFE7C9

Willow Green · LightGray · Mint Green

HEX

#DFE7C9

RGB

rgb(223, 231, 201)

HSL

hsl(76, 38%, 85%)

HSB

hsb(76, 13%, 91%)

CMYK

cmyk(3%, 0%, 13%, 9%)

Oklch

oklch(91.4% 0.041 119.3)

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

#CBE8D2

Celadon · LightGray · Mint Green

HEX

#CBE8D2

RGB

rgb(203, 232, 210)

HSL

hsl(134, 39%, 85%)

HSB

hsb(134, 13%, 91%)

CMYK

cmyk(13%, 0%, 9%, 9%)

Oklch

oklch(90.4% 0.043 152.7)

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

#B5E7D9

Jade · LightBlue · Glacier Blue

HEX

#B5E7D9

RGB

rgb(181, 231, 217)

HSL

hsl(163, 51%, 81%)

HSB

hsb(163, 22%, 91%)

CMYK

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

Oklch

oklch(88.9% 0.055 176.0)

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

#72E0E3

Sky Blue · SkyBlue · Lake Green

HEX

#72E0E3

RGB

rgb(114, 224, 227)

HSL

hsl(182, 67%, 67%)

HSB

hsb(182, 50%, 89%)

CMYK

cmyk(50%, 1%, 0%, 11%)

Oklch

oklch(84.3% 0.101 197.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE1B0

AFBDEE

Analogous

EEC1AF

EEE1B0

DCEEAF

Triadic

EEE1B0

AFEEE0

E0AFEE

Split-Comp.

EEE1B0

AFDCEE

C1AFEE

Tetradic

EEE1B0

AFEEC1

AFBDEE

EEAFDC

Contrast Matrix WCAG 2.1 Contrast

EEE1B0	DFE7C9	CBE8D2	B5E7D9	72E0E3
—	1.0 Fail	1.0 Fail	1.0 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.2 Fail
1.0 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.2 Fail	1.1 Fail	—

White BG

1.3Fail

1.4Fail

1.6Fail

Black BG

16.0AAA

16.4AAA

16.0AAA

15.4AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8BC

E2E3D0

D8D8D7

CBCBDC

A2A3E2

Deuteranopia

E9EABF

E2E1D2

D6D4D9

C8C4DD

9B93E2

Tritanopia

EDC5C7

DFD6D7

CCDCDC

B8DFE0

78E2E2

Achromatopsia

DFDFDF

E1E1E1

DDDDDD

D6D6D6

BFBFBF

Shades & Tints Shades & Tints

#EEE1B0

Dark

Light

#DFE7C9

Dark

Light

#CBE8D2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee1b0;
  --color-2: #dfe7c9;
  --color-3: #cbe8d2;
  --color-4: #b5e7d9;
  --color-5: #72e0e3;
}

SCSS

$color-1: #eee1b0;
$color-2: #dfe7c9;
$color-3: #cbe8d2;
$color-4: #b5e7d9;
$color-5: #72e0e3;

TAILWIND

colors: {
  'brand-1': '#eee1b0',
  'brand-2': '#dfe7c9',
  'brand-3': '#cbe8d2',
  'brand-4': '#b5e7d9',
  'brand-5': '#72e0e3',
}

RGB Array

[238, 225, 176], [223, 231, 201], [203, 232, 210], [181, 231, 217], [114, 224, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE1B0, #DFE7C9, #CBE8D2, #B5E7D9, #72E0E3 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: #eee1b0; --color-2: #dfe7c9; --color-3: #cbe8d2; --color-4: #b5e7d9; --color-5: #72e0e3. 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