#CFB8C1 + #CCA6A4 + #CB8E95 + #DA6685 + #FD0A60 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CFB8C1

Rouge · Silver · Cherry Blossom

HEX

#CFB8C1

RGB

rgb(207, 184, 193)

HSL

hsl(337, 19%, 77%)

HSB

hsb(337, 11%, 81%)

CMYK

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

Oklch

oklch(80.5% 0.029 352.1)

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

#CCA6A4

Peach Pink · Tan · Coral Red

HEX

#CCA6A4

RGB

rgb(204, 166, 164)

HSL

hsl(3, 28%, 72%)

HSB

hsb(3, 20%, 80%)

CMYK

cmyk(0%, 19%, 20%, 20%)

Oklch

oklch(75.9% 0.045 21.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CB8E95

Peach Pink · Tan · Coral Red

HEX

#CB8E95

RGB

rgb(203, 142, 149)

HSL

hsl(353, 37%, 68%)

HSB

hsb(353, 30%, 80%)

CMYK

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

Oklch

oklch(70.9% 0.075 11.6)

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

#DA6685

Rouge · LightCoral · Rose Pink

HEX

#DA6685

RGB

rgb(218, 102, 133)

HSL

hsl(344, 61%, 63%)

HSB

hsb(344, 53%, 85%)

CMYK

cmyk(0%, 53%, 39%, 15%)

Oklch

oklch(65.8% 0.148 5.2)

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

#FD0A60

Dark Violet · Crimson · Rose Pink

HEX

#FD0A60

RGB

rgb(253, 10, 96)

HSL

hsl(339, 98%, 52%)

HSB

hsb(339, 96%, 99%)

CMYK

cmyk(0%, 96%, 62%, 1%)

Oklch

oklch(63.6% 0.251 12.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFB8C1

B9CFC7

Analogous

CFB9CD

CFB8C1

CFBCB9

Triadic

CFB8C1

C2CFB9

B9C2CF

Split-Comp.

CFB8C1

B9CFBC

B9CDCF

Tetradic

CFB8C1

CDCFB9

B9CFC7

BCB9CF

Contrast Matrix WCAG 2.1 Contrast

CFB8C1	CCA6A4	CB8E95	DA6685	FD0A60
—	1.2 Fail	1.4 Fail	1.8 Fail	2.1 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.4 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
1.8 Fail	1.5 Fail	1.3 Fail	—	1.2 Fail
2.1 Fail	1.8 Fail	1.5 Fail	1.2 Fail	—

White BG

1.9Fail

2.2Fail

2.7Fail

3.4AA Large

3.9AA Large

Black BG

11.3AAA

9.6AAA

7.8AAA

6.2AA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5BF

BCBBA4

B1B093

A8A77D

94924B

Deuteranopia

C6C8BE

BEC1A5

B4B993

AFB77C

A2B446

Tritanopia

CEBDBD

CAA5A5

C89292

D47876

F13B37

Achromatopsia

C0C0C0

B1B1B1

A1A1A1

8C8C8C

5C5C5C

Shades & Tints Shades & Tints

#CFB8C1

Dark

Light

#CCA6A4

Dark

Light

#CB8E95

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfb8c1;
  --color-2: #cca6a4;
  --color-3: #cb8e95;
  --color-4: #da6685;
  --color-5: #fd0a60;
}

SCSS

$color-1: #cfb8c1;
$color-2: #cca6a4;
$color-3: #cb8e95;
$color-4: #da6685;
$color-5: #fd0a60;

TAILWIND

colors: {
  'brand-1': '#cfb8c1',
  'brand-2': '#cca6a4',
  'brand-3': '#cb8e95',
  'brand-4': '#da6685',
  'brand-5': '#fd0a60',
}

RGB Array

[207, 184, 193], [204, 166, 164], [203, 142, 149], [218, 102, 133], [253, 10, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFB8C1, #CCA6A4, #CB8E95, #DA6685, #FD0A60 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: #cfb8c1; --color-2: #cca6a4; --color-3: #cb8e95; --color-4: #da6685; --color-5: #fd0a60. 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