#C75C86 + #CC8FAE + #DCC0C1 + #F1E8D4 + #CCD9CE · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C75C86

Dark Violet · LightCoral · Rose Pink

HEX

#C75C86

RGB

rgb(199, 92, 134)

HSL

hsl(336, 49%, 57%)

HSB

hsb(336, 54%, 78%)

CMYK

cmyk(0%, 54%, 33%, 22%)

Oklch

oklch(61.8% 0.143 357.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#CC8FAE

Rouge · DarkGray · Rose Pink

HEX

#CC8FAE

RGB

rgb(204, 143, 174)

HSL

hsl(330, 37%, 68%)

HSB

hsb(330, 30%, 80%)

CMYK

cmyk(0%, 30%, 15%, 20%)

Oklch

oklch(71.9% 0.084 347.5)

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

#DCC0C1

Peach Pink · LightGray · Cherry Blossom

HEX

#DCC0C1

RGB

rgb(220, 192, 193)

HSL

hsl(358, 29%, 81%)

HSB

hsb(358, 13%, 86%)

CMYK

cmyk(0%, 13%, 12%, 14%)

Oklch

oklch(83.2% 0.032 15.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F1E8D4

Goose Yellow · Beige · Lemon Cream

HEX

#F1E8D4

RGB

rgb(241, 232, 212)

HSL

hsl(41, 51%, 89%)

HSB

hsb(41, 12%, 95%)

CMYK

cmyk(0%, 4%, 12%, 5%)

Oklch

oklch(93.3% 0.028 86.6)

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

#CCD9CE

Celadon · LightGray · Mint Green

HEX

#CCD9CE

RGB

rgb(204, 217, 206)

HSL

hsl(129, 15%, 83%)

HSB

hsb(129, 6%, 85%)

CMYK

cmyk(6%, 0%, 5%, 15%)

Oklch

oklch(87.2% 0.020 150.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C75C86

5CC79C

Analogous

C75CBC

C75C86

C7665C

Triadic

C75C86

87C75C

5C87C7

Split-Comp.

C75C86

5CC766

5CBCC7

Tetradic

C75C86

BCC75C

5CC79C

665CC7

Contrast Matrix WCAG 2.1 Contrast

C75C86	CC8FAE	DCC0C1	F1E8D4	CCD9CE
—	1.5 Fail	2.3 Fail	3.2 AA Large	2.7 Fail
1.5 Fail	—	1.5 Fail	2.1 Fail	1.8 Fail
2.3 Fail	1.5 Fail	—	1.4 Fail	1.2 Fail
3.2 AA Large	2.1 Fail	1.4 Fail	—	1.2 Fail
2.7 Fail	1.8 Fail	1.2 Fail	1.2 Fail	—

White BG

4.0AA Large

2.6Fail

1.7Fail

1.2Fail

1.5Fail

Black BG

5.3AA

8.1AAA

12.4AAA

17.2AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

99987C

B2B1A6

D0D0C1

EDEDD9

D2D2D1

Deuteranopia

9FA779

B5BAA5

D2D4C1

EEEEDA

D1D0D1

Tritanopia

C27472

C9A19F

DBC1C1

F1DDDE

CDD3D3

Achromatopsia

818181

A5A5A5

C8C8C8

E8E8E8

D4D4D4

Shades & Tints Shades & Tints

#C75C86

Dark

Light

#CC8FAE

Dark

Light

#DCC0C1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c75c86;
  --color-2: #cc8fae;
  --color-3: #dcc0c1;
  --color-4: #f1e8d4;
  --color-5: #ccd9ce;
}

SCSS

$color-1: #c75c86;
$color-2: #cc8fae;
$color-3: #dcc0c1;
$color-4: #f1e8d4;
$color-5: #ccd9ce;

TAILWIND

colors: {
  'brand-1': '#c75c86',
  'brand-2': '#cc8fae',
  'brand-3': '#dcc0c1',
  'brand-4': '#f1e8d4',
  'brand-5': '#ccd9ce',
}

RGB Array

[199, 92, 134], [204, 143, 174], [220, 192, 193], [241, 232, 212], [204, 217, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C75C86, #CC8FAE, #DCC0C1, #F1E8D4, #CCD9CE 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: #c75c86; --color-2: #cc8fae; --color-3: #dcc0c1; --color-4: #f1e8d4; --color-5: #ccd9ce. 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