#E1EEF4 + #FED6DF + #E8B7CA + #CDAAC0 + #A69CBE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E1EEF4

Sky Blue · Lavender · Glacier Blue

HEX

#E1EEF4

RGB

rgb(225, 238, 244)

HSL

hsl(199, 46%, 92%)

HSB

hsb(199, 8%, 96%)

CMYK

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

Oklch

oklch(94.1% 0.016 227.0)

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

#FED6DF

Peach Pink · Linen · Cherry Blossom

HEX

#FED6DF

RGB

rgb(254, 214, 223)

HSL

hsl(347, 95%, 92%)

HSB

hsb(347, 16%, 100%)

CMYK

cmyk(0%, 16%, 12%, 0%)

Oklch

oklch(91.2% 0.046 2.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E8B7CA

Rouge · Pink · Cherry Blossom

HEX

#E8B7CA

RGB

rgb(232, 183, 202)

HSL

hsl(337, 52%, 81%)

HSB

hsb(337, 21%, 91%)

CMYK

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

Oklch

oklch(82.9% 0.061 353.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#CDAAC0

Mauve · Silver · Rose Pink

HEX

#CDAAC0

RGB

rgb(205, 170, 192)

HSL

hsl(322, 26%, 74%)

HSB

hsb(322, 17%, 80%)

CMYK

cmyk(0%, 17%, 6%, 20%)

Oklch

oklch(77.6% 0.050 340.3)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#A69CBE

Wisteria · DarkGray · Cobalt Blue

HEX

#A69CBE

RGB

rgb(166, 156, 190)

HSL

hsl(258, 21%, 68%)

HSB

hsb(258, 18%, 75%)

CMYK

cmyk(13%, 18%, 0%, 25%)

Oklch

oklch(71.3% 0.050 298.6)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1EEF4

F4E7E1

Analogous

E1F4F1

E1EEF4

E1E5F4

Triadic

E1EEF4

F4E1EE

EEF4E1

Split-Comp.

E1EEF4

F4E1E5

F4F1E1

Tetradic

E1EEF4

F1E1F4

F4E7E1

E5F4E1

Contrast Matrix WCAG 2.1 Contrast

E1EEF4	FED6DF	E8B7CA	CDAAC0	A69CBE
—	1.1 Fail	1.5 Fail	1.8 Fail	2.2 Fail
1.1 Fail	—	1.3 Fail	1.6 Fail	2.0 Fail
1.5 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.8 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
2.2 Fail	2.0 Fail	1.5 Fail	1.2 Fail	—

White BG

1.2Fail

1.3Fail

1.7Fail

2.1Fail

2.6Fail

Black BG

17.7AAA

15.9AAA

12.1AAA

10.1AAA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7F3

EDECDD

D3D2C5

BEBEBB

A2A2B6

Deuteranopia

E6E5F2

EFF2DC

D6D9C4

C0C3B9

A2A3B4

Tritanopia

E2F1F1

FCDBDB

E6C2C1

CBB6B6

A6AFAE

Achromatopsia

EBEBEB

E3E3E3

C8C8C8

B7B7B7

A3A3A3

Shades & Tints Shades & Tints

#E1EEF4

Dark

Light

#FED6DF

Dark

Light

#E8B7CA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1eef4;
  --color-2: #fed6df;
  --color-3: #e8b7ca;
  --color-4: #cdaac0;
  --color-5: #a69cbe;
}

SCSS

$color-1: #e1eef4;
$color-2: #fed6df;
$color-3: #e8b7ca;
$color-4: #cdaac0;
$color-5: #a69cbe;

TAILWIND

colors: {
  'brand-1': '#e1eef4',
  'brand-2': '#fed6df',
  'brand-3': '#e8b7ca',
  'brand-4': '#cdaac0',
  'brand-5': '#a69cbe',
}

RGB Array

[225, 238, 244], [254, 214, 223], [232, 183, 202], [205, 170, 192], [166, 156, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1EEF4, #FED6DF, #E8B7CA, #CDAAC0, #A69CBE 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: #e1eef4; --color-2: #fed6df; --color-3: #e8b7ca; --color-4: #cdaac0; --color-5: #a69cbe. 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