#C1B9C1 + #E982A6 + #F0D7E2 + #EDADEA + #E096A9 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C1B9C1

Silver Gray · Silver · Pearl Gray

HEX

#C1B9C1

RGB

rgb(193, 185, 193)

HSL

hsl(300, 6%, 74%)

HSB

hsb(300, 4%, 76%)

CMYK

cmyk(0%, 4%, 0%, 24%)

Oklch

oklch(79.5% 0.014 325.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#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

#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

#EDADEA

Mauve · Pink · Lilac Purple

HEX

#EDADEA

RGB

rgb(237, 173, 234)

HSL

hsl(303, 64%, 80%)

HSB

hsb(303, 27%, 93%)

CMYK

cmyk(0%, 27%, 1%, 7%)

Oklch

oklch(82.7% 0.109 328.1)

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

#E096A9

Peach Pink · Tan · Coral Red

HEX

#E096A9

RGB

rgb(224, 150, 169)

HSL

hsl(345, 54%, 73%)

HSB

hsb(345, 33%, 88%)

CMYK

cmyk(0%, 33%, 25%, 12%)

Oklch

oklch(75.2% 0.092 2.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1B9C1

B9C1B9

Analogous

BDB9C1

C1B9C1

C1B9BD

Triadic

C1B9C1

C1C1B9

B9C1C1

Split-Comp.

C1B9C1

BDC1B9

B9C1BD

Tetradic

C1B9C1

C1BDB9

B9C1B9

B9BDC1

Contrast Matrix WCAG 2.1 Contrast

C1B9C1	E982A6	F0D7E2	EDADEA	E096A9
—	1.3 Fail	1.4 Fail	1.1 Fail	1.2 Fail
1.3 Fail	—	1.9 Fail	1.4 Fail	1.1 Fail
1.4 Fail	1.9 Fail	—	1.3 Fail	1.7 Fail
1.1 Fail	1.4 Fail	1.3 Fail	—	1.3 Fail
1.2 Fail	1.1 Fail	1.7 Fail	1.3 Fail	—

White BG

1.9Fail

2.6Fail

1.4Fail

1.8Fail

2.3Fail

Black BG

11.0AAA

8.2AAA

15.5AAA

11.8AAA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBDBF

BCBB9D

E5E5DF

D1D1DB

C0BFA4

Deuteranopia

BEBFBF

C2CA9B

E7E9DF

D5DAD8

C4CAA3

Tritanopia

C1BEBD

E49695

EFDDDD

EAD0CD

DCA1A0

Achromatopsia

BCBCBC

A5A5A5

E0E0E0

C7C7C7

AEAEAE

Shades & Tints Shades & Tints

#C1B9C1

Dark

Light

#E982A6

Dark

Light

#F0D7E2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1b9c1;
  --color-2: #e982a6;
  --color-3: #f0d7e2;
  --color-4: #edadea;
  --color-5: #e096a9;
}

SCSS

$color-1: #c1b9c1;
$color-2: #e982a6;
$color-3: #f0d7e2;
$color-4: #edadea;
$color-5: #e096a9;

TAILWIND

colors: {
  'brand-1': '#c1b9c1',
  'brand-2': '#e982a6',
  'brand-3': '#f0d7e2',
  'brand-4': '#edadea',
  'brand-5': '#e096a9',
}

RGB Array

[193, 185, 193], [233, 130, 166], [240, 215, 226], [237, 173, 234], [224, 150, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C1B9C1, #E982A6, #F0D7E2, #EDADEA, #E096A9 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: #c1b9c1; --color-2: #e982a6; --color-3: #f0d7e2; --color-4: #edadea; --color-5: #e096a9. 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