← Back to Editor

#FCF9FC · #FEDFFE · #E9DACE · #D5C5B9 · #B7A495

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCF9FC

Mauve · Snow · Lavender

HEX
#FCF9FC
RGB
rgb(252, 249, 252)
HSL
hsl(300, 33%, 98%)
HSB
hsb(300, 1%, 99%)
CMYK
cmyk(0%, 1%, 0%, 1%)
Oklch
oklch(98.5% 0.005 325.6)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FEDFFE

Mauve · Lavender · Lavender

HEX
#FEDFFE
RGB
rgb(254, 223, 254)
HSL
hsl(300, 94%, 94%)
HSB
hsb(300, 12%, 100%)
CMYK
cmyk(0%, 12%, 0%, 0%)
Oklch
oklch(93.8% 0.053 326.0)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#E9DACE

Apricot · LightGray · Peach Orange

HEX
#E9DACE
RGB
rgb(233, 218, 206)
HSL
hsl(27, 38%, 86%)
HSB
hsb(27, 12%, 91%)
CMYK
cmyk(0%, 6%, 12%, 9%)
Oklch
oklch(89.7% 0.023 61.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D5C5B9

Apricot · Silver · Peach Orange

HEX
#D5C5B9
RGB
rgb(213, 197, 185)
HSL
hsl(26, 25%, 78%)
HSB
hsb(26, 13%, 84%)
CMYK
cmyk(0%, 8%, 13%, 16%)
Oklch
oklch(83.3% 0.024 59.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B7A495

Apricot · DarkGray · Warm Sun

HEX
#B7A495
RGB
rgb(183, 164, 149)
HSL
hsl(26, 19%, 65%)
HSB
hsb(26, 19%, 72%)
CMYK
cmyk(0%, 10%, 19%, 28%)
Oklch
oklch(73.1% 0.031 60.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF9FC
F8FCF8

Analogous

FAF8FC
FCF9FC
FCF8FA

Triadic

FCF9FC
FCFCF8
F8FCFC

Split-Comp.

FCF9FC
FAFCF8
F8FCFA

Tetradic

FCF9FC
FCFAF8
F8FCF8
F8FAFC

Contrast Matrix WCAG 2.1 Contrast

FCF9FC
FEDFFE
E9DACE
D5C5B9
B7A495
—
1.2
Fail
1.3
Fail
1.6
Fail
2.3
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
2.0
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.8
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
2.3
Fail
2.0
Fail
1.8
Fail
1.4
Fail
—
White BG
1.0Fail
1.2Fail
1.4Fail
1.7Fail
2.4Fail
Black BG
20.1AAA
17.2AAA
15.4AAA
12.5AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBFB
F1F0F6
E3E2D1
CECEBC
AFAF99

Deuteranopia

FBFBFB
F2F5F5
E3E5D2
CFD0BD
B0B19A

Tritanopia

FCFBFB
FCF1EF
E8D3D4
D4BEBF
B69B9C

Achromatopsia

FAFAFA
ECECEC
DDDDDD
C8C8C8
A8A8A8

Shades & Tints Shades & Tints

#FCF9FC

Dark
Light

#FEDFFE

Dark
Light

#E9DACE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf9fc;
  --color-2: #fedffe;
  --color-3: #e9dace;
  --color-4: #d5c5b9;
  --color-5: #b7a495;
}

SCSS

$color-1: #fcf9fc;
$color-2: #fedffe;
$color-3: #e9dace;
$color-4: #d5c5b9;
$color-5: #b7a495;

TAILWIND

colors: {
  'brand-1': '#fcf9fc',
  'brand-2': '#fedffe',
  'brand-3': '#e9dace',
  'brand-4': '#d5c5b9',
  'brand-5': '#b7a495',
}

RGB Array

[252, 249, 252], [254, 223, 254], [233, 218, 206], [213, 197, 185], [183, 164, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FCF9FC, #FEDFFE, #E9DACE, #D5C5B9, #B7A495 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: #fcf9fc; --color-2: #fedffe; --color-3: #e9dace; --color-4: #d5c5b9; --color-5: #b7a495. 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