← Back to Editor

#F9C7C0 · #FAE6CC · #CFF7DB · #C8EBFE · #D6D9DB

A 5-color palette 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

#F9C7C0

Peach Pink · Pink · Cherry Blossom

HEX
#F9C7C0
RGB
rgb(249, 199, 192)
HSL
hsl(7, 83%, 86%)
HSB
hsb(7, 23%, 98%)
CMYK
cmyk(0%, 20%, 23%, 2%)
Oklch
oklch(87.2% 0.058 27.5)

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

#FAE6CC

Goose Yellow · Bisque · Peach Orange

HEX
#FAE6CC
RGB
rgb(250, 230, 204)
HSL
hsl(34, 82%, 89%)
HSB
hsb(34, 18%, 98%)
CMYK
cmyk(0%, 8%, 18%, 2%)
Oklch
oklch(93.4% 0.041 74.5)

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

#CFF7DB

Emerald · LightGray · Mint Green

HEX
#CFF7DB
RGB
rgb(207, 247, 219)
HSL
hsl(138, 71%, 89%)
HSB
hsb(138, 16%, 97%)
CMYK
cmyk(16%, 0%, 11%, 3%)
Oklch
oklch(94.0% 0.056 154.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#C8EBFE

Sky Blue · Lavender · Sky Blue

HEX
#C8EBFE
RGB
rgb(200, 235, 254)
HSL
hsl(201, 96%, 89%)
HSB
hsb(201, 21%, 100%)
CMYK
cmyk(21%, 7%, 0%, 0%)
Oklch
oklch(92.1% 0.045 231.6)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#D6D9DB

Silver Gray · LightGray · Pearl Gray

HEX
#D6D9DB
RGB
rgb(214, 217, 219)
HSL
hsl(204, 6%, 85%)
HSB
hsb(204, 2%, 86%)
CMYK
cmyk(2%, 1%, 0%, 14%)
Oklch
oklch(88.4% 0.004 236.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9C7C0
BEF2F9

Analogous

F9BED4
F9C7C0
F9E2BE

Triadic

F9C7C0
BEF9C5
C5BEF9

Split-Comp.

F9C7C0
BEF9E2
BED4F9

Tetradic

F9C7C0
D4F9BE
BEF2F9
E2BEF9

Contrast Matrix WCAG 2.1 Contrast

F9C7C0
FAE6CC
CFF7DB
C8EBFE
D6D9DB
—
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
1.0
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
1.5Fail
1.2Fail
1.2Fail
1.3Fail
1.4Fail
Black BG
14.0AAA
17.3AAA
18.0AAA
16.8AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3C2
F1F1D2
E0E1E2
D7D7F9
D7D7DB

Deuteranopia

E6EAC2
F3F4D4
DEDBE3
D5D3F8
D7D7DA

Tritanopia

F6C3C3
F9D7D8
D1E7E8
CAF6F5
D6DADA

Achromatopsia

D5D5D5
E9E9E9
E8E8E8
E3E3E3
D8D8D8

Shades & Tints Shades & Tints

#F9C7C0

Dark
Light

#FAE6CC

Dark
Light

#CFF7DB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9c7c0;
  --color-2: #fae6cc;
  --color-3: #cff7db;
  --color-4: #c8ebfe;
  --color-5: #d6d9db;
}

SCSS

$color-1: #f9c7c0;
$color-2: #fae6cc;
$color-3: #cff7db;
$color-4: #c8ebfe;
$color-5: #d6d9db;

TAILWIND

colors: {
  'brand-1': '#f9c7c0',
  'brand-2': '#fae6cc',
  'brand-3': '#cff7db',
  'brand-4': '#c8ebfe',
  'brand-5': '#d6d9db',
}

RGB Array

[249, 199, 192], [250, 230, 204], [207, 247, 219], [200, 235, 254], [214, 217, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9C7C0, #FAE6CC, #CFF7DB, #C8EBFE, #D6D9DB 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: #f9c7c0; --color-2: #fae6cc; --color-3: #cff7db; --color-4: #c8ebfe; --color-5: #d6d9db. 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 general-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