#FAD9D4 + #E6CCD1 + #D9BDC9 + #C7A9BB + #B39BBA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAD9D4

Peach Pink · Bisque · Cherry Blossom

HEX

#FAD9D4

RGB

rgb(250, 217, 212)

HSL

hsl(8, 79%, 91%)

HSB

hsb(8, 15%, 98%)

CMYK

cmyk(0%, 13%, 15%, 2%)

Oklch

oklch(91.1% 0.038 28.0)

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

#E6CCD1

Peach Pink · LightGray · Cherry Blossom

HEX

#E6CCD1

RGB

rgb(230, 204, 209)

HSL

hsl(348, 34%, 85%)

HSB

hsb(348, 11%, 90%)

CMYK

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

Oklch

oklch(86.8% 0.030 4.6)

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

#D9BDC9

Rouge · LightGray · Cherry Blossom

HEX

#D9BDC9

RGB

rgb(217, 189, 201)

HSL

hsl(334, 27%, 80%)

HSB

hsb(334, 13%, 85%)

CMYK

cmyk(0%, 13%, 7%, 15%)

Oklch

oklch(82.6% 0.036 350.2)

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

#C7A9BB

Mauve · Silver · Rose Pink

HEX

#C7A9BB

RGB

rgb(199, 169, 187)

HSL

hsl(324, 21%, 72%)

HSB

hsb(324, 15%, 78%)

CMYK

cmyk(0%, 15%, 6%, 22%)

Oklch

oklch(76.7% 0.042 341.4)

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

#B39BBA

Lilac · DarkGray · Lilac Purple

HEX

#B39BBA

RGB

rgb(179, 155, 186)

HSL

hsl(286, 18%, 67%)

HSB

hsb(286, 17%, 73%)

CMYK

cmyk(4%, 17%, 0%, 27%)

Oklch

oklch(72.1% 0.052 318.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD9D4

D6F5FA

Analogous

FAD6E3

FAD9D4

FAEDD6

Triadic

FAD9D4

D6FADB

DBD6FA

Split-Comp.

FAD9D4

D6FAED

D6E3FA

Tetradic

FAD9D4

E3FAD6

D6F5FA

EDD6FA

Contrast Matrix WCAG 2.1 Contrast

FAD9D4	E6CCD1	D9BDC9	C7A9BB	B39BBA
—	1.1 Fail	1.3 Fail	1.6 Fail	1.9 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.9 Fail	1.7 Fail	1.5 Fail	1.2 Fail	—

White BG

1.3Fail

1.5Fail

1.7Fail

2.1Fail

2.5Fail

Black BG

15.9AAA

13.9AAA

12.1AAA

9.8AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBD5

DBDBD0

CDCDC6

BABAB7

A9A8B2

Deuteranopia

EEF0D5

DCDECF

CFD1C5

BCBEB6

AAACB1

Tritanopia

F8D6D6

E5CFCF

D8C4C3

C5B3B2

B2ADAB

Achromatopsia

E2E2E2

D4D4D4

C7C7C7

B4B4B4

A6A6A6

Shades & Tints Shades & Tints

#FAD9D4

Dark

Light

#E6CCD1

Dark

Light

#D9BDC9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad9d4;
  --color-2: #e6ccd1;
  --color-3: #d9bdc9;
  --color-4: #c7a9bb;
  --color-5: #b39bba;
}

SCSS

$color-1: #fad9d4;
$color-2: #e6ccd1;
$color-3: #d9bdc9;
$color-4: #c7a9bb;
$color-5: #b39bba;

TAILWIND

colors: {
  'brand-1': '#fad9d4',
  'brand-2': '#e6ccd1',
  'brand-3': '#d9bdc9',
  'brand-4': '#c7a9bb',
  'brand-5': '#b39bba',
}

RGB Array

[250, 217, 212], [230, 204, 209], [217, 189, 201], [199, 169, 187], [179, 155, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD9D4, #E6CCD1, #D9BDC9, #C7A9BB, #B39BBA 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: #fad9d4; --color-2: #e6ccd1; --color-3: #d9bdc9; --color-4: #c7a9bb; --color-5: #b39bba. 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