← Back to Editor

#F4D7D9 · #EBC0D1 · #ACA0AA · #B9BFCD · #D9D5D6

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

#F4D7D9

Peach Pink · Bisque · Cherry Blossom

HEX
#F4D7D9
RGB
rgb(244, 215, 217)
HSL
hsl(356, 57%, 90%)
HSB
hsb(356, 12%, 96%)
CMYK
cmyk(0%, 12%, 11%, 4%)
Oklch
oklch(90.4% 0.032 13.0)

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

#EBC0D1

Rouge · Pink · Cherry Blossom

HEX
#EBC0D1
RGB
rgb(235, 192, 209)
HSL
hsl(336, 52%, 84%)
HSB
hsb(336, 18%, 92%)
CMYK
cmyk(0%, 18%, 11%, 8%)
Oklch
oklch(85.0% 0.054 352.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#ACA0AA

Ash · DarkGray · Silver Sand

HEX
#ACA0AA
RGB
rgb(172, 160, 170)
HSL
hsl(310, 7%, 65%)
HSB
hsb(310, 7%, 67%)
CMYK
cmyk(0%, 7%, 1%, 33%)
Oklch
oklch(71.9% 0.020 331.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B9BFCD

Azure · Silver · Cobalt Blue

HEX
#B9BFCD
RGB
rgb(185, 191, 205)
HSL
hsl(222, 17%, 76%)
HSB
hsb(222, 10%, 80%)
CMYK
cmyk(10%, 7%, 0%, 20%)
Oklch
oklch(80.4% 0.021 267.3)

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

#D9D5D6

Silver Gray · LightGray · Pearl Gray

HEX
#D9D5D6
RGB
rgb(217, 213, 214)
HSL
hsl(345, 5%, 84%)
HSB
hsb(345, 2%, 85%)
CMYK
cmyk(0%, 2%, 1%, 15%)
Oklch
oklch(87.6% 0.005 0.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4D7D9
D7F4F2

Analogous

F4D7E7
F4D7D9
F4E4D7

Triadic

F4D7D9
D9F4D7
D7D9F4

Split-Comp.

F4D7D9
D7F4E4
D7E7F4

Tetradic

F4D7D9
E7F4D7
D7F4F2
E4D7F4

Contrast Matrix WCAG 2.1 Contrast

F4D7D9
EBC0D1
ACA0AA
B9BFCD
D9D5D6
—
1.2
Fail
1.9
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
1.6
Fail
1.1
Fail
1.1
Fail
1.9
Fail
1.6
Fail
—
1.4
Fail
1.7
Fail
1.4
Fail
1.1
Fail
1.4
Fail
—
1.3
Fail
1.1
Fail
1.1
Fail
1.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.6Fail
2.5Fail
1.8Fail
1.5Fail
Black BG
15.6AAA
13.0AAA
8.4AAA
11.4AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7D9
D8D8CD
A7A7A8
BCBCCA
D7D7D6

Deuteranopia

E9EBD8
DBDECC
A8A8A7
BBBBC9
D8D8D6

Tritanopia

F3D8D8
E9CAC9
ABA6A5
B9C7C6
D9D6D6

Achromatopsia

E0E0E0
CFCFCF
A5A5A5
BFBFBF
D6D6D6

Shades & Tints Shades & Tints

#F4D7D9

Dark
Light

#EBC0D1

Dark
Light

#ACA0AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4d7d9;
  --color-2: #ebc0d1;
  --color-3: #aca0aa;
  --color-4: #b9bfcd;
  --color-5: #d9d5d6;
}

SCSS

$color-1: #f4d7d9;
$color-2: #ebc0d1;
$color-3: #aca0aa;
$color-4: #b9bfcd;
$color-5: #d9d5d6;

TAILWIND

colors: {
  'brand-1': '#f4d7d9',
  'brand-2': '#ebc0d1',
  'brand-3': '#aca0aa',
  'brand-4': '#b9bfcd',
  'brand-5': '#d9d5d6',
}

RGB Array

[244, 215, 217], [235, 192, 209], [172, 160, 170], [185, 191, 205], [217, 213, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4D7D9, #EBC0D1, #ACA0AA, #B9BFCD, #D9D5D6 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: #f4d7d9; --color-2: #ebc0d1; --color-3: #aca0aa; --color-4: #b9bfcd; --color-5: #d9d5d6. 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 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