← Back to Editor

#FAFCF9 · #EEDBDD · #DBC8CA · #D3DAE4 · #C2C9D1

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

#FAFCF9

Celadon · Snow · Mint Green

HEX
#FAFCF9
RGB
rgb(250, 252, 249)
HSL
hsl(100, 33%, 98%)
HSB
hsb(100, 1%, 99%)
CMYK
cmyk(1%, 0%, 1%, 1%)
Oklch
oklch(98.9% 0.004 134.8)

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

#EEDBDD

Peach Pink · Linen · Cherry Blossom

HEX
#EEDBDD
RGB
rgb(238, 219, 221)
HSL
hsl(354, 36%, 90%)
HSB
hsb(354, 8%, 93%)
CMYK
cmyk(0%, 8%, 7%, 7%)
Oklch
oklch(90.7% 0.021 10.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#DBC8CA

Peach Pink · LightGray · Cherry Blossom

HEX
#DBC8CA
RGB
rgb(219, 200, 202)
HSL
hsl(354, 21%, 82%)
HSB
hsb(354, 9%, 86%)
CMYK
cmyk(0%, 9%, 8%, 14%)
Oklch
oklch(84.9% 0.021 10.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D3DAE4

Azure · LightGray · Sky Blue

HEX
#D3DAE4
RGB
rgb(211, 218, 228)
HSL
hsl(215, 24%, 86%)
HSB
hsb(215, 7%, 89%)
CMYK
cmyk(7%, 4%, 0%, 11%)
Oklch
oklch(88.6% 0.016 257.2)

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

#C2C9D1

Azure · Silver · Cobalt Blue

HEX
#C2C9D1
RGB
rgb(194, 201, 209)
HSL
hsl(212, 14%, 79%)
HSB
hsb(212, 7%, 82%)
CMYK
cmyk(7%, 4%, 0%, 18%)
Oklch
oklch(83.3% 0.014 251.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAFCF9
FAF8FC

Analogous

FBFCF8
FAFCF9
F8FCF9

Triadic

FAFCF9
F8F9FC
FCF8F9

Split-Comp.

FAFCF9
F9F8FC
FCF8FB

Tetradic

FAFCF9
F8FBFC
FAF8FC
FCF9F8

Contrast Matrix WCAG 2.1 Contrast

FAFCF9
EEDBDD
DBC8CA
D3DAE4
C2C9D1
—
1.3
Fail
1.6
Fail
1.4
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.3
Fail
1.0
Fail
1.2
Fail
—
White BG
1.0Fail
1.3Fail
1.6Fail
1.4Fail
1.7Fail
Black BG
20.4AAA
15.8AAA
13.1AAA
14.9AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBFA
E6E6DD
D3D3CA
D6D6E2
C5C5CF

Deuteranopia

FBFBFA
E7E8DC
D4D5C9
D6D5E1
C5C4CF

Tritanopia

FAFAFA
EDDCDC
DAC9C9
D3E0DF
C2CECD

Achromatopsia

FBFBFB
E1E1E1
CECECE
D9D9D9
C8C8C8

Shades & Tints Shades & Tints

#FAFCF9

Dark
Light

#EEDBDD

Dark
Light

#DBC8CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fafcf9;
  --color-2: #eedbdd;
  --color-3: #dbc8ca;
  --color-4: #d3dae4;
  --color-5: #c2c9d1;
}

SCSS

$color-1: #fafcf9;
$color-2: #eedbdd;
$color-3: #dbc8ca;
$color-4: #d3dae4;
$color-5: #c2c9d1;

TAILWIND

colors: {
  'brand-1': '#fafcf9',
  'brand-2': '#eedbdd',
  'brand-3': '#dbc8ca',
  'brand-4': '#d3dae4',
  'brand-5': '#c2c9d1',
}

RGB Array

[250, 252, 249], [238, 219, 221], [219, 200, 202], [211, 218, 228], [194, 201, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FAFCF9, #EEDBDD, #DBC8CA, #D3DAE4, #C2C9D1 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: #fafcf9; --color-2: #eedbdd; --color-3: #dbc8ca; --color-4: #d3dae4; --color-5: #c2c9d1. 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