#CD5E7F + #CA7A8B + #BF9BA9 + #A9BBB6 + #FAF7E0 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CD5E7F

Dark Violet · LightCoral · Rose Pink

HEX

#CD5E7F

RGB

rgb(205, 94, 127)

HSL

hsl(342, 53%, 59%)

HSB

hsb(342, 54%, 80%)

CMYK

cmyk(0%, 54%, 38%, 20%)

Oklch

oklch(62.7% 0.144 3.4)

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

#CA7A8B

Peach Pink · LightCoral · Coral Red

HEX

#CA7A8B

RGB

rgb(202, 122, 139)

HSL

hsl(347, 43%, 64%)

HSB

hsb(347, 40%, 79%)

CMYK

cmyk(0%, 40%, 31%, 21%)

Oklch

oklch(67.0% 0.101 6.4)

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

#BF9BA9

Rouge · DarkGray · Rose Pink

HEX

#BF9BA9

RGB

rgb(191, 155, 169)

HSL

hsl(337, 22%, 68%)

HSB

hsb(337, 19%, 75%)

CMYK

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

Oklch

oklch(72.6% 0.047 353.0)

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

#A9BBB6

Jade · DarkGray · Lake Green

HEX

#A9BBB6

RGB

rgb(169, 187, 182)

HSL

hsl(163, 12%, 70%)

HSB

hsb(163, 10%, 73%)

CMYK

cmyk(10%, 0%, 3%, 27%)

Oklch

oklch(77.7% 0.021 177.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#FAF7E0

Fresh Green · Beige · Lemon Cream

HEX

#FAF7E0

RGB

rgb(250, 247, 224)

HSL

hsl(53, 72%, 93%)

HSB

hsb(53, 10%, 98%)

CMYK

cmyk(0%, 1%, 10%, 2%)

Oklch

oklch(97.2% 0.030 100.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD5E7F

5FCEAD

Analogous

CE5FB8

CD5E7F

CE755F

Triadic

CD5E7F

80CE5F

5F80CE

Split-Comp.

CD5E7F

5FCE75

5FB8CE

Tetradic

CD5E7F

B8CE5F

5FCEAD

755FCE

Contrast Matrix WCAG 2.1 Contrast

CD5E7F	CA7A8B	BF9BA9	A9BBB6	FAF7E0
—	1.2 Fail	1.5 Fail	1.9 Fail	3.5 AA Large
1.2 Fail	—	1.3 Fail	1.6 Fail	2.9 Fail
1.5 Fail	1.3 Fail	—	1.2 Fail	2.3 Fail
1.9 Fail	1.6 Fail	1.2 Fail	—	1.9 Fail
3.5 AA Large	2.9 Fail	2.3 Fail	1.9 Fail	—

White BG

3.8AA Large

3.1AA Large

2.5Fail

2.0Fail

1.1Fail

Black BG

5.5AA

6.7AA

8.5AAA

10.5AAA

19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C77

A7A787

AFAFA6

B1B1B7

F9F9E6

Deuteranopia

A3AC75

ACB286

B2B4A5

B0AEB8

F9F9E7

Tritanopia

C7716F

C68483

BDA3A2

AAB8B8

FAEAEB

Achromatopsia

838383

949494

A7A7A7

B5B5B5

F5F5F5

Shades & Tints Shades & Tints

#CD5E7F

Dark

Light

#CA7A8B

Dark

Light

#BF9BA9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd5e7f;
  --color-2: #ca7a8b;
  --color-3: #bf9ba9;
  --color-4: #a9bbb6;
  --color-5: #faf7e0;
}

SCSS

$color-1: #cd5e7f;
$color-2: #ca7a8b;
$color-3: #bf9ba9;
$color-4: #a9bbb6;
$color-5: #faf7e0;

TAILWIND

colors: {
  'brand-1': '#cd5e7f',
  'brand-2': '#ca7a8b',
  'brand-3': '#bf9ba9',
  'brand-4': '#a9bbb6',
  'brand-5': '#faf7e0',
}

RGB Array

[205, 94, 127], [202, 122, 139], [191, 155, 169], [169, 187, 182], [250, 247, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CD5E7F, #CA7A8B, #BF9BA9, #A9BBB6, #FAF7E0 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: #cd5e7f; --color-2: #ca7a8b; --color-3: #bf9ba9; --color-4: #a9bbb6; --color-5: #faf7e0. 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