← Back to Editor

#FCD3CF · #DED4D3 · #C1CFCE · #A3BFB7 · #8C968F

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCD3CF

Peach Pink · Pink · Cherry Blossom

HEX
#FCD3CF
RGB
rgb(252, 211, 207)
HSL
hsl(5, 88%, 90%)
HSB
hsb(5, 18%, 99%)
CMYK
cmyk(0%, 16%, 18%, 1%)
Oklch
oklch(90.1% 0.047 24.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DED4D3

Peach Pink · LightGray · Cherry Blossom

HEX
#DED4D3
RGB
rgb(222, 212, 211)
HSL
hsl(5, 14%, 85%)
HSB
hsb(5, 5%, 87%)
CMYK
cmyk(0%, 5%, 5%, 13%)
Oklch
oklch(87.8% 0.011 24.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C1CFCE

Jade · LightGray · Glacier Blue

HEX
#C1CFCE
RGB
rgb(193, 207, 206)
HSL
hsl(176, 13%, 78%)
HSB
hsb(176, 7%, 81%)
CMYK
cmyk(7%, 0%, 0%, 19%)
Oklch
oklch(84.4% 0.015 191.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#A3BFB7

Jade · DarkGray · Lake Green

HEX
#A3BFB7
RGB
rgb(163, 191, 183)
HSL
hsl(163, 18%, 69%)
HSB
hsb(163, 15%, 75%)
CMYK
cmyk(15%, 0%, 4%, 25%)
Oklch
oklch(78.1% 0.032 176.3)

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

#8C968F

Ash · LightSlateGray · Silver Sand

HEX
#8C968F
RGB
rgb(140, 150, 143)
HSL
hsl(138, 5%, 57%)
HSB
hsb(138, 7%, 59%)
CMYK
cmyk(7%, 0%, 5%, 41%)
Oklch
oklch(66.3% 0.015 155.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCD3CF
CFF8FC

Analogous

FCCFE2
FCD3CF
FCE9CF

Triadic

FCD3CF
CFFCD3
D3CFFC

Split-Comp.

FCD3CF
CFFCE9
CFE2FC

Tetradic

FCD3CF
E2FCCF
CFF8FC
E9CFFC

Contrast Matrix WCAG 2.1 Contrast

FCD3CF
DED4D3
C1CFCE
A3BFB7
8C968F
—
1.1
Fail
1.2
Fail
1.4
Fail
2.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
2.1
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.6
Fail
2.2
Fail
2.1
Fail
1.9
Fail
1.6
Fail
—
White BG
1.4Fail
1.5Fail
1.6Fail
2.0Fail
3.1AA Large
Black BG
15.4AAA
14.5AAA
13.1AAA
10.7AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD0
DADAD3
C7C7CE
AFAFB9
909091

Deuteranopia

EDF0D0
DADBD3
C6C5CE
AEABB9
908F91

Tritanopia

FAD1D1
DDD3D3
C2CECE
A4BABB
8D9292

Achromatopsia

DFDFDF
D7D7D7
CBCBCB
B6B6B6
929292

Shades & Tints Shades & Tints

#FCD3CF

Dark
Light

#DED4D3

Dark
Light

#C1CFCE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcd3cf;
  --color-2: #ded4d3;
  --color-3: #c1cfce;
  --color-4: #a3bfb7;
  --color-5: #8c968f;
}

SCSS

$color-1: #fcd3cf;
$color-2: #ded4d3;
$color-3: #c1cfce;
$color-4: #a3bfb7;
$color-5: #8c968f;

TAILWIND

colors: {
  'brand-1': '#fcd3cf',
  'brand-2': '#ded4d3',
  'brand-3': '#c1cfce',
  'brand-4': '#a3bfb7',
  'brand-5': '#8c968f',
}

RGB Array

[252, 211, 207], [222, 212, 211], [193, 207, 206], [163, 191, 183], [140, 150, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FCD3CF, #DED4D3, #C1CFCE, #A3BFB7, #8C968F is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fcd3cf; --color-2: #ded4d3; --color-3: #c1cfce; --color-4: #a3bfb7; --color-5: #8c968f. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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