← Back to Editor

#FFEFC8 · #FADDBB · #FFCCC6 · #D5EBE8 · #C5D4CF

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

#FFEFC8

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEFC8
RGB
rgb(255, 239, 200)
HSL
hsl(43, 100%, 89%)
HSB
hsb(43, 22%, 100%)
CMYK
cmyk(0%, 6%, 22%, 0%)
Oklch
oklch(95.5% 0.053 88.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FADDBB

Goose Yellow · Wheat · Peach Orange

HEX
#FADDBB
RGB
rgb(250, 221, 187)
HSL
hsl(32, 86%, 86%)
HSB
hsb(32, 25%, 98%)
CMYK
cmyk(0%, 12%, 25%, 2%)
Oklch
oklch(91.3% 0.055 71.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFCCC6

Peach Pink · Pink · Cherry Blossom

HEX
#FFCCC6
RGB
rgb(255, 204, 198)
HSL
hsl(6, 100%, 89%)
HSB
hsb(6, 22%, 100%)
CMYK
cmyk(0%, 20%, 22%, 0%)
Oklch
oklch(88.8% 0.059 26.1)

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

#D5EBE8

Jade · Lavender · Glacier Blue

HEX
#D5EBE8
RGB
rgb(213, 235, 232)
HSL
hsl(172, 35%, 88%)
HSB
hsb(172, 9%, 92%)
CMYK
cmyk(9%, 0%, 1%, 8%)
Oklch
oklch(92.3% 0.024 186.9)

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

#C5D4CF

Jade · LightGray · Glacier Blue

HEX
#C5D4CF
RGB
rgb(197, 212, 207)
HSL
hsl(160, 15%, 80%)
HSB
hsb(160, 7%, 83%)
CMYK
cmyk(7%, 0%, 2%, 17%)
Oklch
oklch(85.7% 0.018 174.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEFC8
C7D7FF

Analogous

FFD3C7
FFEFC8
F3FFC7

Triadic

FFEFC8
C7FFEF
EFC7FF

Split-Comp.

FFEFC8
C7F3FF
D3C7FF

Tetradic

FFEFC8
C7FFD3
C7D7FF
FFC7F3

Contrast Matrix WCAG 2.1 Contrast

FFEFC8
FADDBB
FFCCC6
D5EBE8
C5D4CF
—
1.1
Fail
1.3
Fail
1.1
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
White BG
1.1Fail
1.3Fail
1.4Fail
1.2Fail
1.5Fail
Black BG
18.4AAA
16.1AAA
14.7AAA
16.9AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8D1
EDEDC3
E9E8C7
DFDFE9
CBCCD0

Deuteranopia

F9FAD4
EFF1C5
ECF0C8
DDDCE9
CBC9D0

Tritanopia

FED9DB
F9CACB
FCC9C9
D6E9E9
C6D1D1

Achromatopsia

EFEFEF
E2E2E2
DBDBDB
E4E4E4
CFCFCF

Shades & Tints Shades & Tints

#FFEFC8

Dark
Light

#FADDBB

Dark
Light

#FFCCC6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffefc8;
  --color-2: #faddbb;
  --color-3: #ffccc6;
  --color-4: #d5ebe8;
  --color-5: #c5d4cf;
}

SCSS

$color-1: #ffefc8;
$color-2: #faddbb;
$color-3: #ffccc6;
$color-4: #d5ebe8;
$color-5: #c5d4cf;

TAILWIND

colors: {
  'brand-1': '#ffefc8',
  'brand-2': '#faddbb',
  'brand-3': '#ffccc6',
  'brand-4': '#d5ebe8',
  'brand-5': '#c5d4cf',
}

RGB Array

[255, 239, 200], [250, 221, 187], [255, 204, 198], [213, 235, 232], [197, 212, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FFEFC8, #FADDBB, #FFCCC6, #D5EBE8, #C5D4CF 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: #ffefc8; --color-2: #faddbb; --color-3: #ffccc6; --color-4: #d5ebe8; --color-5: #c5d4cf. 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