#E3F5CB + #D4E3AC + #C0BDEA + #EE80D7 + #B59394 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3F5CB

Willow Green · Beige · Mint Green

HEX

#E3F5CB

RGB

rgb(227, 245, 203)

HSL

hsl(86, 68%, 88%)

HSB

hsb(86, 17%, 96%)

CMYK

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

Oklch

oklch(94.6% 0.058 126.4)

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

#D4E3AC

Willow Green · Wheat · Apple Green

HEX

#D4E3AC

RGB

rgb(212, 227, 172)

HSL

hsl(76, 50%, 78%)

HSB

hsb(76, 24%, 89%)

CMYK

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

Oklch

oklch(89.1% 0.074 120.3)

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

#C0BDEA

Wisteria · LightSteelBlue · Sky Blue

HEX

#C0BDEA

RGB

rgb(192, 189, 234)

HSL

hsl(244, 52%, 83%)

HSB

hsb(244, 19%, 92%)

CMYK

cmyk(18%, 19%, 0%, 8%)

Oklch

oklch(81.6% 0.063 288.0)

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

#EE80D7

Mauve · Violet · Lilac Purple

HEX

#EE80D7

RGB

rgb(238, 128, 215)

HSL

hsl(313, 76%, 72%)

HSB

hsb(313, 46%, 93%)

CMYK

cmyk(0%, 46%, 10%, 7%)

Oklch

oklch(74.9% 0.170 335.5)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#B59394

Peach Pink · DarkGray · Coral Red

HEX

#B59394

RGB

rgb(181, 147, 148)

HSL

hsl(358, 19%, 64%)

HSB

hsb(358, 19%, 71%)

CMYK

cmyk(0%, 19%, 18%, 29%)

Oklch

oklch(69.5% 0.041 16.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3F5CB

DECCF5

Analogous

F5F2CC

E3F5CB

CEF5CC

Triadic

E3F5CB

CCE3F5

F5CCE3

Split-Comp.

E3F5CB

CCCEF5

F2CCF5

Tetradic

E3F5CB

CCF5F2

DECCF5

F5CCCE

Contrast Matrix WCAG 2.1 Contrast

E3F5CB	D4E3AC	C0BDEA	EE80D7	B59394
—	1.2 Fail	1.6 Fail	2.1 Fail	2.4 Fail
1.2 Fail	—	1.3 Fail	1.8 Fail	2.0 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	1.5 Fail
2.1 Fail	1.8 Fail	1.3 Fail	—	1.2 Fail
2.4 Fail	2.0 Fail	1.5 Fail	1.2 Fail	—

White BG

1.2Fail

1.4Fail

1.8Fail

2.4Fail

2.8Fail

Black BG

18.2AAA

15.4AAA

11.7AAA

8.7AAA

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBD5

DADBB9

BFBFDF

BEBDC2

A6A694

Deuteranopia

EAE8D8

DAD8BD

BFBFDC

C5CDBD

A8AB94

Tritanopia

E4DDDF

D5C4C6

C0D7D5

E9B1AE

B39494

Achromatopsia

EBEBEB

D8D8D8

C3C3C3

ABABAB

9D9D9D

Shades & Tints Shades & Tints

#E3F5CB

Dark

Light

#D4E3AC

Dark

Light

#C0BDEA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3f5cb;
  --color-2: #d4e3ac;
  --color-3: #c0bdea;
  --color-4: #ee80d7;
  --color-5: #b59394;
}

SCSS

$color-1: #e3f5cb;
$color-2: #d4e3ac;
$color-3: #c0bdea;
$color-4: #ee80d7;
$color-5: #b59394;

TAILWIND

colors: {
  'brand-1': '#e3f5cb',
  'brand-2': '#d4e3ac',
  'brand-3': '#c0bdea',
  'brand-4': '#ee80d7',
  'brand-5': '#b59394',
}

RGB Array

[227, 245, 203], [212, 227, 172], [192, 189, 234], [238, 128, 215], [181, 147, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3F5CB, #D4E3AC, #C0BDEA, #EE80D7, #B59394 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: #e3f5cb; --color-2: #d4e3ac; --color-3: #c0bdea; --color-4: #ee80d7; --color-5: #b59394. 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