← Back to Editor

#FCE1DC · #FFCFC2 · #FFC97D · #C4BC9F · #C5E6D6

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FCE1DC

Peach Pink · Linen · Cherry Blossom

HEX
#FCE1DC
RGB
rgb(252, 225, 220)
HSL
hsl(9, 84%, 93%)
HSB
hsb(9, 13%, 99%)
CMYK
cmyk(0%, 11%, 13%, 1%)
Oklch
oklch(93.0% 0.031 30.2)

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

#FFCFC2

Peach Pink · Pink · Cherry Blossom

HEX
#FFCFC2
RGB
rgb(255, 207, 194)
HSL
hsl(13, 100%, 88%)
HSB
hsb(13, 24%, 100%)
CMYK
cmyk(0%, 19%, 24%, 0%)
Oklch
oklch(89.3% 0.057 35.6)

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

#FFC97D

Goose Yellow · Khaki · Warm Sun

HEX
#FFC97D
RGB
rgb(255, 201, 125)
HSL
hsl(35, 100%, 75%)
HSB
hsb(35, 51%, 100%)
CMYK
cmyk(0%, 21%, 51%, 0%)
Oklch
oklch(86.8% 0.112 74.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C4BC9F

Ginger · Tan · Sunflower

HEX
#C4BC9F
RGB
rgb(196, 188, 159)
HSL
hsl(47, 24%, 70%)
HSB
hsb(47, 19%, 77%)
CMYK
cmyk(0%, 4%, 19%, 23%)
Oklch
oklch(79.4% 0.041 94.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C5E6D6

Jade · LightGray · Mint Green

HEX
#C5E6D6
RGB
rgb(197, 230, 214)
HSL
hsl(151, 40%, 84%)
HSB
hsb(151, 14%, 90%)
CMYK
cmyk(14%, 0%, 7%, 10%)
Oklch
oklch(89.7% 0.041 164.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCE1DC
DEF8FC

Analogous

FCDEE9
FCE1DC
FCF2DE

Triadic

FCE1DC
DEFCE3
E3DEFC

Split-Comp.

FCE1DC
DEFCF2
DEE9FC

Tetradic

FCE1DC
E9FCDE
DEF8FC
F2DEFC

Contrast Matrix WCAG 2.1 Contrast

FCE1DC
FFCFC2
FFC97D
C4BC9F
C5E6D6
—
1.1
Fail
1.2
Fail
1.5
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.5
Fail
1.4
Fail
1.3
Fail
—
1.4
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.4
Fail
—
White BG
1.2Fail
1.4Fail
1.5Fail
1.9Fail
1.3Fail
Black BG
16.9AAA
15.0AAA
13.9AAA
11.0AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0DD
EAEAC5
E8E78F
C1C0A6
D3D4DA

Deuteranopia

F2F4DE
EDF1C6
EBEF94
C1C2A8
D1CFDB

Tritanopia

FBDEDE
FDC8C8
FC9EA1
C4ACAD
C7DDDE

Achromatopsia

E9E9E9
DCDCDC
D0D0D0
BBBBBB
DADADA

Shades & Tints Shades & Tints

#FCE1DC

Dark
Light

#FFCFC2

Dark
Light

#FFC97D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fce1dc;
  --color-2: #ffcfc2;
  --color-3: #ffc97d;
  --color-4: #c4bc9f;
  --color-5: #c5e6d6;
}

SCSS

$color-1: #fce1dc;
$color-2: #ffcfc2;
$color-3: #ffc97d;
$color-4: #c4bc9f;
$color-5: #c5e6d6;

TAILWIND

colors: {
  'brand-1': '#fce1dc',
  'brand-2': '#ffcfc2',
  'brand-3': '#ffc97d',
  'brand-4': '#c4bc9f',
  'brand-5': '#c5e6d6',
}

RGB Array

[252, 225, 220], [255, 207, 194], [255, 201, 125], [196, 188, 159], [197, 230, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FCE1DC, #FFCFC2, #FFC97D, #C4BC9F, #C5E6D6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fce1dc; --color-2: #ffcfc2; --color-3: #ffc97d; --color-4: #c4bc9f; --color-5: #c5e6d6. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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