#9C85C9 + #DEA4B5 + #E8B5B8 + #ECC6BC + #F0D2C2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9C85C9

Wisteria · DarkGray · Lilac Purple

HEX

#9C85C9

RGB

rgb(156, 133, 201)

HSL

hsl(260, 39%, 65%)

HSB

hsb(260, 34%, 79%)

CMYK

cmyk(22%, 34%, 0%, 21%)

Oklch

oklch(66.4% 0.102 299.2)

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

#DEA4B5

Rouge · LightPink · Cherry Blossom

HEX

#DEA4B5

RGB

rgb(222, 164, 181)

HSL

hsl(342, 47%, 76%)

HSB

hsb(342, 26%, 87%)

CMYK

cmyk(0%, 26%, 18%, 13%)

Oklch

oklch(77.8% 0.072 359.6)

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

#E8B5B8

Peach Pink · LightPink · Cherry Blossom

HEX

#E8B5B8

RGB

rgb(232, 181, 184)

HSL

hsl(356, 53%, 81%)

HSB

hsb(356, 22%, 91%)

CMYK

cmyk(0%, 22%, 21%, 9%)

Oklch

oklch(82.0% 0.059 14.5)

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

#ECC6BC

Peach Pink · Pink · Cherry Blossom

HEX

#ECC6BC

RGB

rgb(236, 198, 188)

HSL

hsl(12, 56%, 83%)

HSB

hsb(12, 20%, 93%)

CMYK

cmyk(0%, 16%, 20%, 7%)

Oklch

oklch(85.7% 0.046 35.1)

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

#F0D2C2

Apricot · Wheat · Peach Orange

HEX

#F0D2C2

RGB

rgb(240, 210, 194)

HSL

hsl(21, 61%, 85%)

HSB

hsb(21, 19%, 94%)

CMYK

cmyk(0%, 13%, 19%, 6%)

Oklch

oklch(88.5% 0.040 49.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C85C9

B1C983

Analogous

838FC9

9C85C9

BD83C9

Triadic

9C85C9

C99A83

83C99A

Split-Comp.

9C85C9

C9BD83

8FC983

Tetradic

9C85C9

C9838F

B1C983

83C9BD

Contrast Matrix WCAG 2.1 Contrast

9C85C9	DEA4B5	E8B5B8	ECC6BC	F0D2C2
—	1.5 Fail	1.8 Fail	2.0 Fail	2.2 Fail
1.5 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.8 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
2.0 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
2.2 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

3.2AA Large

2.1Fail

1.8Fail

1.6Fail

1.4Fail

Black BG

6.6AA

10.1AAA

11.7AAA

13.4AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9292B9

C5C4B1

D2D1B7

DCDBBE

E3E3C6

Deuteranopia

9395B5

C8CDB0

D5D9B7

DEE1BF

E5E7C7

Tritanopia

9BACA9

DBAEAD

E5B7B7

EAC0C1

EFC9CA

Achromatopsia

949494

B7B7B7

C5C5C5

D0D0D0

D9D9D9

Shades & Tints Shades & Tints

#9C85C9

Dark

Light

#DEA4B5

Dark

Light

#E8B5B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c85c9;
  --color-2: #dea4b5;
  --color-3: #e8b5b8;
  --color-4: #ecc6bc;
  --color-5: #f0d2c2;
}

SCSS

$color-1: #9c85c9;
$color-2: #dea4b5;
$color-3: #e8b5b8;
$color-4: #ecc6bc;
$color-5: #f0d2c2;

TAILWIND

colors: {
  'brand-1': '#9c85c9',
  'brand-2': '#dea4b5',
  'brand-3': '#e8b5b8',
  'brand-4': '#ecc6bc',
  'brand-5': '#f0d2c2',
}

RGB Array

[156, 133, 201], [222, 164, 181], [232, 181, 184], [236, 198, 188], [240, 210, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9C85C9, #DEA4B5, #E8B5B8, #ECC6BC, #F0D2C2 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: #9c85c9; --color-2: #dea4b5; --color-3: #e8b5b8; --color-4: #ecc6bc; --color-5: #f0d2c2. 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