#E1E2EA + #EDD8EF + #EAE8CD + #E5E7E8 + #FBE9DA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E1E2EA

Azure · Lavender · Sky Blue

HEX

#E1E2EA

RGB

rgb(225, 226, 234)

HSL

hsl(233, 18%, 90%)

HSB

hsb(233, 4%, 92%)

CMYK

cmyk(4%, 3%, 0%, 8%)

Oklch

oklch(91.4% 0.011 280.5)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#EDD8EF

Lilac · Lavender · Lavender

HEX

#EDD8EF

RGB

rgb(237, 216, 239)

HSL

hsl(295, 42%, 89%)

HSB

hsb(295, 10%, 94%)

CMYK

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

Oklch

oklch(90.6% 0.038 323.2)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#EAE8CD

Fresh Green · Beige · Lemon Cream

HEX

#EAE8CD

RGB

rgb(234, 232, 205)

HSL

hsl(56, 41%, 86%)

HSB

hsb(56, 12%, 92%)

CMYK

cmyk(0%, 1%, 12%, 8%)

Oklch

oklch(92.5% 0.036 103.6)

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

#E5E7E8

Plain White · Lavender · Cloud White

HEX

#E5E7E8

RGB

rgb(229, 231, 232)

HSL

hsl(200, 6%, 90%)

HSB

hsb(200, 1%, 91%)

CMYK

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

Oklch

oklch(92.7% 0.003 228.8)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#FBE9DA

Apricot · Beige · Peach Orange

HEX

#FBE9DA

RGB

rgb(251, 233, 218)

HSL

hsl(27, 80%, 92%)

HSB

hsb(27, 13%, 98%)

CMYK

cmyk(0%, 7%, 13%, 2%)

Oklch

oklch(94.4% 0.028 62.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1E2EA

EAE9E1

Analogous

E1E7EA

E1E2EA

E4E1EA

Triadic

E1E2EA

EAE1E2

E2EAE1

Split-Comp.

E1E2EA

EAE4E1

E7EAE1

Tetradic

E1E2EA

EAE1E7

EAE9E1

E1EAE4

Contrast Matrix WCAG 2.1 Contrast

E1E2EA	EDD8EF	EAE8CD	E5E7E8	FBE9DA
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.1 Fail
1.0 Fail	1.1 Fail	—	1.0 Fail	1.1 Fail
1.0 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

Black BG

16.3AAA

15.7AAA

16.9AAA

17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1E8

E4E4E9

E9E9D4

E6E6E8

F3F3DE

Deuteranopia

E1E1E8

E5E7E8

E9E9D5

E6E6E8

F4F6DF

Tritanopia

E1E7E6

ECE5E4

EAD9DA

E5E8E8

FAE0E1

Achromatopsia

E3E3E3

E1E1E1

E6E6E6

E7E7E7

EDEDED

Shades & Tints Shades & Tints

#E1E2EA

Dark

Light

#EDD8EF

Dark

Light

#EAE8CD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1e2ea;
  --color-2: #edd8ef;
  --color-3: #eae8cd;
  --color-4: #e5e7e8;
  --color-5: #fbe9da;
}

SCSS

$color-1: #e1e2ea;
$color-2: #edd8ef;
$color-3: #eae8cd;
$color-4: #e5e7e8;
$color-5: #fbe9da;

TAILWIND

colors: {
  'brand-1': '#e1e2ea',
  'brand-2': '#edd8ef',
  'brand-3': '#eae8cd',
  'brand-4': '#e5e7e8',
  'brand-5': '#fbe9da',
}

RGB Array

[225, 226, 234], [237, 216, 239], [234, 232, 205], [229, 231, 232], [251, 233, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1E2EA, #EDD8EF, #EAE8CD, #E5E7E8, #FBE9DA 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: #e1e2ea; --color-2: #edd8ef; --color-3: #eae8cd; --color-4: #e5e7e8; --color-5: #fbe9da. 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