#E0EEE4 + #EBDFD6 + #DCBEBE + #EA94A2 + #929591 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0EEE4

Celadon · Beige · Mint Green

HEX

#E0EEE4

RGB

rgb(224, 238, 228)

HSL

hsl(137, 29%, 91%)

HSB

hsb(137, 6%, 93%)

CMYK

cmyk(6%, 0%, 4%, 7%)

Oklch

oklch(93.6% 0.020 154.9)

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

#EBDFD6

Apricot · Beige · Peach Orange

HEX

#EBDFD6

RGB

rgb(235, 223, 214)

HSL

hsl(26, 34%, 88%)

HSB

hsb(26, 9%, 92%)

CMYK

cmyk(0%, 5%, 9%, 8%)

Oklch

oklch(91.1% 0.018 59.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DCBEBE

Peach Pink · Silver · Coral Red

HEX

#DCBEBE

RGB

rgb(220, 190, 190)

HSL

hsl(0, 30%, 80%)

HSB

hsb(0, 14%, 86%)

CMYK

cmyk(0%, 14%, 14%, 14%)

Oklch

oklch(82.7% 0.034 17.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EA94A2

Peach Pink · LightCoral · Coral Red

HEX

#EA94A2

RGB

rgb(234, 148, 162)

HSL

hsl(350, 67%, 75%)

HSB

hsb(350, 37%, 92%)

CMYK

cmyk(0%, 37%, 31%, 8%)

Oklch

oklch(75.8% 0.105 9.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#929591

Ash · LightSlateGray · Silver Sand

HEX

#929591

RGB

rgb(146, 149, 145)

HSL

hsl(105, 2%, 58%)

HSB

hsb(105, 3%, 58%)

CMYK

cmyk(2%, 0%, 3%, 42%)

Oklch

oklch(66.6% 0.007 137.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0EEE4

EFE1EB

Analogous

E4EFE1

E0EEE4

E1EFEC

Triadic

E0EEE4

E5E1EF

EFE5E1

Split-Comp.

E0EEE4

ECE1EF

EFE1E4

Tetradic

E0EEE4

E1E4EF

EFE1EB

EFECE1

Contrast Matrix WCAG 2.1 Contrast

E0EEE4	EBDFD6	DCBEBE	EA94A2	929591
—	1.1 Fail	1.4 Fail	1.9 Fail	2.5 Fail
1.1 Fail	—	1.3 Fail	1.7 Fail	2.3 Fail
1.4 Fail	1.3 Fail	—	1.3 Fail	1.8 Fail
1.9 Fail	1.7 Fail	1.3 Fail	—	1.3 Fail
2.5 Fail	2.3 Fail	1.8 Fail	1.3 Fail	—

White BG

1.2Fail

1.3Fail

1.7Fail

2.3Fail

3.0AA Large

Black BG

17.5AAA

16.1AAA

12.2AAA

9.3AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6E6

E6E6D8

CFCFBE

C5C49F

939392

Deuteranopia

E5E4E7

E7E7D9

D1D3BE

CAD09E

939392

Tritanopia

E1E8E9

EADADA

DBBEBE

E69C9B

929393

Achromatopsia

E9E9E9

E2E2E2

C7C7C7

AFAFAF

949494

Shades & Tints Shades & Tints

#E0EEE4

Dark

Light

#EBDFD6

Dark

Light

#DCBEBE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0eee4;
  --color-2: #ebdfd6;
  --color-3: #dcbebe;
  --color-4: #ea94a2;
  --color-5: #929591;
}

SCSS

$color-1: #e0eee4;
$color-2: #ebdfd6;
$color-3: #dcbebe;
$color-4: #ea94a2;
$color-5: #929591;

TAILWIND

colors: {
  'brand-1': '#e0eee4',
  'brand-2': '#ebdfd6',
  'brand-3': '#dcbebe',
  'brand-4': '#ea94a2',
  'brand-5': '#929591',
}

RGB Array

[224, 238, 228], [235, 223, 214], [220, 190, 190], [234, 148, 162], [146, 149, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0EEE4, #EBDFD6, #DCBEBE, #EA94A2, #929591 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: #e0eee4; --color-2: #ebdfd6; --color-3: #dcbebe; --color-4: #ea94a2; --color-5: #929591. 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