#EED5EA + #FFE1EF + #FFECF2 + #BDC6D7 + #94B3C8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EED5EA

Mauve · Lavender · Lavender

HEX

#EED5EA

RGB

rgb(238, 213, 234)

HSL

hsl(310, 42%, 88%)

HSB

hsb(310, 11%, 93%)

CMYK

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

Oklch

oklch(90.0% 0.039 331.2)

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

#FFE1EF

Rouge · Linen · Cherry Blossom

HEX

#FFE1EF

RGB

rgb(255, 225, 239)

HSL

hsl(332, 100%, 94%)

HSB

hsb(332, 12%, 100%)

CMYK

cmyk(0%, 12%, 6%, 0%)

Oklch

oklch(93.8% 0.038 348.0)

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

#FFECF2

Rouge · SeaShell · Cherry Blossom

HEX

#FFECF2

RGB

rgb(255, 236, 242)

HSL

hsl(341, 100%, 96%)

HSB

hsb(341, 7%, 100%)

CMYK

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

Oklch

oklch(96.0% 0.022 356.3)

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

#BDC6D7

Azure · LightSteelBlue · Cobalt Blue

HEX

#BDC6D7

RGB

rgb(189, 198, 215)

HSL

hsl(219, 25%, 79%)

HSB

hsb(219, 12%, 84%)

CMYK

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

Oklch

oklch(82.5% 0.026 263.3)

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

#94B3C8

Sky Blue · DarkGray · Cobalt Blue

HEX

#94B3C8

RGB

rgb(148, 179, 200)

HSL

hsl(204, 32%, 68%)

HSB

hsb(204, 26%, 78%)

CMYK

cmyk(26%, 11%, 0%, 22%)

Oklch

oklch(75.1% 0.045 237.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED5EA

D4EDD8

Analogous

E5D4ED

EED5EA

EDD4DC

Triadic

EED5EA

E9EDD4

D4E9ED

Split-Comp.

EED5EA

DCEDD4

D4EDE5

Tetradic

EED5EA

EDE5D4

D4EDD8

D4DCED

Contrast Matrix WCAG 2.1 Contrast

EED5EA	FFE1EF	FFECF2	BDC6D7	94B3C8
—	1.1 Fail	1.2 Fail	1.3 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.8 Fail
1.2 Fail	1.1 Fail	—	1.5 Fail	1.9 Fail
1.3 Fail	1.4 Fail	1.5 Fail	—	1.3 Fail
1.6 Fail	1.8 Fail	1.9 Fail	1.3 Fail	—

White BG

1.4Fail

1.2Fail

1.1Fail

1.7Fail

2.2Fail

Black BG

15.3AAA

17.3AAA

18.5AAA

12.2AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3E5

F2F2EC

F7F7F1

C1C1D3

A1A2C3

Deuteranopia

E5E7E4

F4F6EB

F8F9F0

C0C0D2

A09DC2

Tritanopia

EDE1E0

FEE9E8

FEEFEF

BDD0CF

96BFBE

Achromatopsia

DFDFDF

ECECEC

F2F2F2

C5C5C5

ACACAC

Shades & Tints Shades & Tints

#EED5EA

Dark

Light

#FFE1EF

Dark

Light

#FFECF2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed5ea;
  --color-2: #ffe1ef;
  --color-3: #ffecf2;
  --color-4: #bdc6d7;
  --color-5: #94b3c8;
}

SCSS

$color-1: #eed5ea;
$color-2: #ffe1ef;
$color-3: #ffecf2;
$color-4: #bdc6d7;
$color-5: #94b3c8;

TAILWIND

colors: {
  'brand-1': '#eed5ea',
  'brand-2': '#ffe1ef',
  'brand-3': '#ffecf2',
  'brand-4': '#bdc6d7',
  'brand-5': '#94b3c8',
}

RGB Array

[238, 213, 234], [255, 225, 239], [255, 236, 242], [189, 198, 215], [148, 179, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EED5EA, #FFE1EF, #FFECF2, #BDC6D7, #94B3C8 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: #eed5ea; --color-2: #ffe1ef; --color-3: #ffecf2; --color-4: #bdc6d7; --color-5: #94b3c8. 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