#FAA0C1 + #CFA7CF + #BEADC8 + #ADA4E0 + #B8A7A5 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAA0C1

Rouge · LightPink · Cherry Blossom

HEX

#FAA0C1

RGB

rgb(250, 160, 193)

HSL

hsl(338, 90%, 80%)

HSB

hsb(338, 36%, 98%)

CMYK

cmyk(0%, 36%, 23%, 2%)

Oklch

oklch(80.5% 0.114 356.4)

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

#CFA7CF

Mauve · Silver · Lilac Purple

HEX

#CFA7CF

RGB

rgb(207, 167, 207)

HSL

hsl(300, 29%, 73%)

HSB

hsb(300, 19%, 81%)

CMYK

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

Oklch

oklch(77.7% 0.071 326.2)

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

#BEADC8

Lilac · Silver · Lilac Purple

HEX

#BEADC8

RGB

rgb(190, 173, 200)

HSL

hsl(278, 20%, 73%)

HSB

hsb(278, 13%, 78%)

CMYK

cmyk(5%, 13%, 0%, 22%)

Oklch

oklch(77.1% 0.042 313.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#ADA4E0

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#ADA4E0

RGB

rgb(173, 164, 224)

HSL

hsl(249, 49%, 76%)

HSB

hsb(249, 27%, 88%)

CMYK

cmyk(23%, 27%, 0%, 12%)

Oklch

oklch(74.8% 0.086 291.0)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#B8A7A5

Peach Pink · DarkGray · Coral Red

HEX

#B8A7A5

RGB

rgb(184, 167, 165)

HSL

hsl(6, 12%, 68%)

HSB

hsb(6, 10%, 72%)

CMYK

cmyk(0%, 9%, 10%, 28%)

Oklch

oklch(74.2% 0.020 25.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAA0C1

9EFAD8

Analogous

FA9EEE

FAA0C1

FAAA9E

Triadic

FAA0C1

C0FA9E

9EC0FA

Split-Comp.

FAA0C1

9EFAAA

9EEEFA

Tetradic

FAA0C1

EEFA9E

9EFAD8

AA9EFA

Contrast Matrix WCAG 2.1 Contrast

FAA0C1	CFA7CF	BEADC8	ADA4E0	B8A7A5
—	1.1 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.9Fail

2.1Fail

2.3Fail

Black BG

10.9AAA

10.1AAA

10.0AAA

9.2AAA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D2B9

BEBDC5

B7B6C1

A9A9D1

B1B0A5

Deuteranopia

D8DFB7

C0C3C3

B8B9C0

AAAACE

B2B3A6

Tritanopia

F6B3B1

CDBEBC

BDBCBB

ADC6C4

B7A6A6

Achromatopsia

BFBFBF

B8B8B8

B5B5B5

AEAEAE

ACACAC

Shades & Tints Shades & Tints

#FAA0C1

Dark

Light

#CFA7CF

Dark

Light

#BEADC8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faa0c1;
  --color-2: #cfa7cf;
  --color-3: #beadc8;
  --color-4: #ada4e0;
  --color-5: #b8a7a5;
}

SCSS

$color-1: #faa0c1;
$color-2: #cfa7cf;
$color-3: #beadc8;
$color-4: #ada4e0;
$color-5: #b8a7a5;

TAILWIND

colors: {
  'brand-1': '#faa0c1',
  'brand-2': '#cfa7cf',
  'brand-3': '#beadc8',
  'brand-4': '#ada4e0',
  'brand-5': '#b8a7a5',
}

RGB Array

[250, 160, 193], [207, 167, 207], [190, 173, 200], [173, 164, 224], [184, 167, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FAA0C1, #CFA7CF, #BEADC8, #ADA4E0, #B8A7A5 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: #faa0c1; --color-2: #cfa7cf; --color-3: #beadc8; --color-4: #ada4e0; --color-5: #b8a7a5. 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