#FCF9F9 + #EAEAD0 + #CDD7B6 + #D9E2E0 + #E5F9FA · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCF9F9

Peach Pink · Snow · Cherry Blossom

HEX

#FCF9F9

RGB

rgb(252, 249, 249)

HSL

hsl(0, 33%, 98%)

HSB

hsb(0, 1%, 99%)

CMYK

cmyk(0%, 1%, 1%, 1%)

Oklch

oklch(98.4% 0.003 17.2)

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

#EAEAD0

Fresh Green · Beige · Lemon Cream

HEX

#EAEAD0

RGB

rgb(234, 234, 208)

HSL

hsl(60, 38%, 87%)

HSB

hsb(60, 11%, 92%)

CMYK

cmyk(0%, 0%, 11%, 8%)

Oklch

oklch(93.0% 0.034 107.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#CDD7B6

Willow Green · Silver · Apple Green

HEX

#CDD7B6

RGB

rgb(205, 215, 182)

HSL

hsl(78, 29%, 78%)

HSB

hsb(78, 15%, 84%)

CMYK

cmyk(5%, 0%, 15%, 16%)

Oklch

oklch(86.3% 0.046 121.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#D9E2E0

Jade · LightGray · Glacier Blue

HEX

#D9E2E0

RGB

rgb(217, 226, 224)

HSL

hsl(167, 13%, 87%)

HSB

hsb(167, 4%, 89%)

CMYK

cmyk(4%, 0%, 1%, 11%)

Oklch

oklch(90.5% 0.010 181.4)

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

#E5F9FA

Sky Blue · Lavender · Glacier Blue

HEX

#E5F9FA

RGB

rgb(229, 249, 250)

HSL

hsl(183, 68%, 94%)

HSB

hsb(183, 8%, 98%)

CMYK

cmyk(8%, 0%, 0%, 2%)

Oklch

oklch(96.8% 0.021 200.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF9F9

F8FCFC

Analogous

FCF8FA

FCF9F9

FCFAF8

Triadic

FCF9F9

F8FCF8

F8F8FC

Split-Comp.

FCF9F9

F8FCFA

F8FAFC

Tetradic

FCF9F9

FAFCF8

F8FCFC

FAF8FC

Contrast Matrix WCAG 2.1 Contrast

FCF9F9	EAEAD0	CDD7B6	D9E2E0	E5F9FA
—	1.2 Fail	1.4 Fail	1.3 Fail	1.0 Fail
1.2 Fail	—	1.2 Fail	1.1 Fail	1.1 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.4 Fail
1.3 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.0 Fail	1.1 Fail	1.4 Fail	1.2 Fail	—

White BG

1.0Fail

1.2Fail

1.5Fail

1.3Fail

1.1Fail

Black BG

20.1AAA

17.2AAA

14.0AAA

15.9AAA

19.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBF9

EAEAD6

D1D1BE

DDDDE0

EEEEFA

Deuteranopia

FBFBF9

EAEAD8

D1D0C0

DCDCE1

EDEBFA

Tritanopia

FCF9F9

EADBDC

CEC4C6

D9E1E1

E6FAFA

Achromatopsia

FAFAFA

E7E7E7

D0D0D0

DFDFDF

F3F3F3

Shades & Tints Shades & Tints

#FCF9F9

Dark

Light

#EAEAD0

Dark

Light

#CDD7B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf9f9;
  --color-2: #eaead0;
  --color-3: #cdd7b6;
  --color-4: #d9e2e0;
  --color-5: #e5f9fa;
}

SCSS

$color-1: #fcf9f9;
$color-2: #eaead0;
$color-3: #cdd7b6;
$color-4: #d9e2e0;
$color-5: #e5f9fa;

TAILWIND

colors: {
  'brand-1': '#fcf9f9',
  'brand-2': '#eaead0',
  'brand-3': '#cdd7b6',
  'brand-4': '#d9e2e0',
  'brand-5': '#e5f9fa',
}

RGB Array

[252, 249, 249], [234, 234, 208], [205, 215, 182], [217, 226, 224], [229, 249, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FCF9F9, #EAEAD0, #CDD7B6, #D9E2E0, #E5F9FA is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fcf9f9; --color-2: #eaead0; --color-3: #cdd7b6; --color-4: #d9e2e0; --color-5: #e5f9fa. 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 tech, SaaS, healthcare, eco industries. 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