#E6CCD5 + #EC7088 + #E85145 + #DF3030 + #C4BEB2 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6CCD5

Rouge · LightGray · Cherry Blossom

HEX

#E6CCD5

RGB

rgb(230, 204, 213)

HSL

hsl(339, 34%, 85%)

HSB

hsb(339, 11%, 90%)

CMYK

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

Oklch

oklch(86.9% 0.031 354.8)

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

#EC7088

Peach Pink · LightCoral · Coral Red

HEX

#EC7088

RGB

rgb(236, 112, 136)

HSL

hsl(348, 77%, 68%)

HSB

hsb(348, 53%, 93%)

CMYK

cmyk(0%, 53%, 42%, 7%)

Oklch

oklch(69.8% 0.154 9.8)

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

#E85145

Vermilion · Tomato · Passion Red

HEX

#E85145

RGB

rgb(232, 81, 69)

HSL

hsl(4, 78%, 59%)

HSB

hsb(4, 70%, 91%)

CMYK

cmyk(0%, 65%, 70%, 9%)

Oklch

oklch(63.9% 0.189 28.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#DF3030

Vermilion · Crimson · Passion Red

HEX

#DF3030

RGB

rgb(223, 48, 48)

HSL

hsl(0, 73%, 53%)

HSB

hsb(0, 78%, 87%)

CMYK

cmyk(0%, 78%, 78%, 13%)

Oklch

oklch(59.0% 0.211 26.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#C4BEB2

Goose Yellow · Silver · Sunflower

HEX

#C4BEB2

RGB

rgb(196, 190, 178)

HSL

hsl(40, 13%, 73%)

HSB

hsb(40, 9%, 77%)

CMYK

cmyk(0%, 3%, 9%, 23%)

Oklch

oklch(80.3% 0.018 84.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6CCD5

CCE6DD

Analogous

E6CCE2

E6CCD5

E6D0CC

Triadic

E6CCD5

D5E6CC

CCD5E6

Split-Comp.

E6CCD5

CCE6D0

CCE2E6

Tetradic

E6CCD5

E2E6CC

CCE6DD

D0CCE6

Contrast Matrix WCAG 2.1 Contrast

E6CCD5	EC7088	E85145	DF3030	C4BEB2
—	1.9 Fail	2.5 Fail	3.0 AA Large	1.2 Fail
1.9 Fail	—	1.3 Fail	1.6 Fail	1.6 Fail
2.5 Fail	1.3 Fail	—	1.2 Fail	2.0 Fail
3.0 AA Large	1.6 Fail	1.2 Fail	—	2.5 Fail
1.2 Fail	1.6 Fail	2.0 Fail	2.5 Fail	—

White BG

1.5Fail

2.9Fail

3.7AA Large

4.6AA

1.8Fail

Black BG

14.0AAA

7.2AAA

5.7AA

4.6AA

11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBD3

B6B582

A7A548

939230

C1C1B5

Deuteranopia

DCDED2

BEC781

AFBB49

9DAB30

C2C2B6

Tritanopia

E5D1D1

E67E7D

E04A4B

D63030

C4B7B8

Achromatopsia

D5D5D5

989898

7D7D7D

646464

BEBEBE

Shades & Tints Shades & Tints

#E6CCD5

Dark

Light

#EC7088

Dark

Light

#E85145

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ccd5;
  --color-2: #ec7088;
  --color-3: #e85145;
  --color-4: #df3030;
  --color-5: #c4beb2;
}

SCSS

$color-1: #e6ccd5;
$color-2: #ec7088;
$color-3: #e85145;
$color-4: #df3030;
$color-5: #c4beb2;

TAILWIND

colors: {
  'brand-1': '#e6ccd5',
  'brand-2': '#ec7088',
  'brand-3': '#e85145',
  'brand-4': '#df3030',
  'brand-5': '#c4beb2',
}

RGB Array

[230, 204, 213], [236, 112, 136], [232, 81, 69], [223, 48, 48], [196, 190, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #E6CCD5, #EC7088, #E85145, #DF3030, #C4BEB2 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: #e6ccd5; --color-2: #ec7088; --color-3: #e85145; --color-4: #df3030; --color-5: #c4beb2. 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 muted-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