#EDB4C3 + #F0D7E2 + #E982A6 + #DAC4D9 + #E7A1E4 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDB4C3

Rouge · LightPink · Cherry Blossom

HEX

#EDB4C3

RGB

rgb(237, 180, 195)

HSL

hsl(344, 61%, 82%)

HSB

hsb(344, 24%, 93%)

CMYK

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

Oklch

oklch(82.6% 0.069 1.3)

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

#F0D7E2

Rouge · Linen · Cherry Blossom

HEX

#F0D7E2

RGB

rgb(240, 215, 226)

HSL

hsl(334, 45%, 89%)

HSB

hsb(334, 10%, 94%)

CMYK

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

Oklch

oklch(90.3% 0.031 349.3)

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

#E982A6

Rouge · LightCoral · Rose Pink

HEX

#E982A6

RGB

rgb(233, 130, 166)

HSL

hsl(339, 70%, 71%)

HSB

hsb(339, 44%, 91%)

CMYK

cmyk(0%, 44%, 29%, 9%)

Oklch

oklch(72.9% 0.132 358.6)

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

#DAC4D9

Mauve · LightGray · Lavender

HEX

#DAC4D9

RGB

rgb(218, 196, 217)

HSL

hsl(303, 23%, 81%)

HSB

hsb(303, 10%, 85%)

CMYK

cmyk(0%, 10%, 0%, 15%)

Oklch

oklch(84.5% 0.037 327.3)

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

#E7A1E4

Mauve · Violet · Lilac Purple

HEX

#E7A1E4

RGB

rgb(231, 161, 228)

HSL

hsl(303, 59%, 77%)

HSB

hsb(303, 30%, 91%)

CMYK

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

Oklch

oklch(79.8% 0.120 328.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDB4C3

B5EDDE

Analogous

EDB5E0

EDB4C3

EDC2B5

Triadic

EDB4C3

C4EDB5

B5C4ED

Split-Comp.

EDB4C3

B5EDC2

B5E0ED

Tetradic

EDB4C3

E0EDB5

B5EDDE

C2B5ED

Contrast Matrix WCAG 2.1 Contrast

EDB4C3	F0D7E2	E982A6	DAC4D9	E7A1E4
—	1.3 Fail	1.5 Fail	1.1 Fail	1.1 Fail
1.3 Fail	—	1.9 Fail	1.2 Fail	1.5 Fail
1.5 Fail	1.9 Fail	—	1.6 Fail	1.3 Fail
1.1 Fail	1.2 Fail	1.6 Fail	—	1.2 Fail
1.1 Fail	1.5 Fail	1.3 Fail	1.2 Fail	—

White BG

1.8Fail

1.4Fail

2.6Fail

1.6Fail

2.0Fail

Black BG

11.9AAA

15.5AAA

8.2AAA

12.9AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4BF

E5E5DF

BCBB9D

D0D0D4

C9C8D4

Deuteranopia

D8DCBF

E7E9DF

C2CA9B

D2D3D3

CDD2D0

Tritanopia

EABDBC

EFDDDD

E49695

D9D0CF

E4C7C4

Achromatopsia

C7C7C7

E0E0E0

A5A5A5

CDCDCD

BEBEBE

Shades & Tints Shades & Tints

#EDB4C3

Dark

Light

#F0D7E2

Dark

Light

#E982A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edb4c3;
  --color-2: #f0d7e2;
  --color-3: #e982a6;
  --color-4: #dac4d9;
  --color-5: #e7a1e4;
}

SCSS

$color-1: #edb4c3;
$color-2: #f0d7e2;
$color-3: #e982a6;
$color-4: #dac4d9;
$color-5: #e7a1e4;

TAILWIND

colors: {
  'brand-1': '#edb4c3',
  'brand-2': '#f0d7e2',
  'brand-3': '#e982a6',
  'brand-4': '#dac4d9',
  'brand-5': '#e7a1e4',
}

RGB Array

[237, 180, 195], [240, 215, 226], [233, 130, 166], [218, 196, 217], [231, 161, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EDB4C3, #F0D7E2, #E982A6, #DAC4D9, #E7A1E4 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: #edb4c3; --color-2: #f0d7e2; --color-3: #e982a6; --color-4: #dac4d9; --color-5: #e7a1e4. 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 cool-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