#FCDCDA + #F4D6D6 + #EBD1D2 + #E3CBCD + #9F9DAC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCDCDA

Peach Pink · Linen · Cherry Blossom

HEX

#FCDCDA

RGB

rgb(252, 220, 218)

HSL

hsl(4, 85%, 92%)

HSB

hsb(4, 13%, 99%)

CMYK

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

Oklch

oklch(92.0% 0.036 22.1)

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

#F4D6D6

Peach Pink · Bisque · Cherry Blossom

HEX

#F4D6D6

RGB

rgb(244, 214, 214)

HSL

hsl(0, 58%, 90%)

HSB

hsb(0, 12%, 96%)

CMYK

cmyk(0%, 12%, 12%, 4%)

Oklch

oklch(90.1% 0.034 17.8)

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

#EBD1D2

Peach Pink · LightGray · Cherry Blossom

HEX

#EBD1D2

RGB

rgb(235, 209, 210)

HSL

hsl(358, 39%, 87%)

HSB

hsb(358, 11%, 92%)

CMYK

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

Oklch

oklch(88.3% 0.029 15.1)

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

#E3CBCD

Peach Pink · LightGray · Cherry Blossom

HEX

#E3CBCD

RGB

rgb(227, 203, 205)

HSL

hsl(355, 30%, 84%)

HSB

hsb(355, 11%, 89%)

CMYK

cmyk(0%, 11%, 10%, 11%)

Oklch

oklch(86.3% 0.027 11.9)

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

#9F9DAC

Wisteria · DarkGray · Silver Sand

HEX

#9F9DAC

RGB

rgb(159, 157, 172)

HSL

hsl(248, 8%, 65%)

HSB

hsb(248, 9%, 67%)

CMYK

cmyk(8%, 9%, 0%, 33%)

Oklch

oklch(70.2% 0.022 292.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCDCDA

D9FAFC

Analogous

FCD9E8

FCDCDA

FCEDD9

Triadic

FCDCDA

D9FCDC

DCD9FC

Split-Comp.

FCDCDA

D9FCED

D9E8FC

Tetradic

FCDCDA

E8FCD9

D9FAFC

EDD9FC

Contrast Matrix WCAG 2.1 Contrast

FCDCDA	F4D6D6	EBD1D2	E3CBCD	9F9DAC
—	1.1 Fail	1.1 Fail	1.2 Fail	2.1 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	2.0 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.8 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.7 Fail
2.1 Fail	2.0 Fail	1.8 Fail	1.7 Fail	—

White BG

1.3Fail

1.4Fail

1.5Fail

2.7Fail

Black BG

16.4AAA

15.4AAA

14.6AAA

13.7AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEDA

E7E7D6

E0E0D2

D9D8CD

9E9EA8

Deuteranopia

F0F2DB

E9EBD6

E1E3D2

DADCCC

9E9EA8

Tritanopia

FADBDB

F2D6D6

EAD2D2

E2CCCC

9FA6A5

Achromatopsia

E5E5E5

DFDFDF

D9D9D9

D2D2D2

9F9F9F

Shades & Tints Shades & Tints

#FCDCDA

Dark

Light

#F4D6D6

Dark

Light

#EBD1D2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcdcda;
  --color-2: #f4d6d6;
  --color-3: #ebd1d2;
  --color-4: #e3cbcd;
  --color-5: #9f9dac;
}

SCSS

$color-1: #fcdcda;
$color-2: #f4d6d6;
$color-3: #ebd1d2;
$color-4: #e3cbcd;
$color-5: #9f9dac;

TAILWIND

colors: {
  'brand-1': '#fcdcda',
  'brand-2': '#f4d6d6',
  'brand-3': '#ebd1d2',
  'brand-4': '#e3cbcd',
  'brand-5': '#9f9dac',
}

RGB Array

[252, 220, 218], [244, 214, 214], [235, 209, 210], [227, 203, 205], [159, 157, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCDCDA, #F4D6D6, #EBD1D2, #E3CBCD, #9F9DAC 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: #fcdcda; --color-2: #f4d6d6; --color-3: #ebd1d2; --color-4: #e3cbcd; --color-5: #9f9dac. 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 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