#9F759C + #DE8CB4 + #FACFB1 + #D4E8C1 + #B3D7CB · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#9F759C

Rose Purple · Gray · Violet

HEX

#9F759C

RGB

rgb(159, 117, 156)

HSL

hsl(304, 18%, 54%)

HSB

hsb(304, 26%, 62%)

CMYK

cmyk(0%, 26%, 2%, 38%)

Oklch

oklch(61.7% 0.076 328.8)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#DE8CB4

Rouge · Orchid · Rose Pink

HEX

#DE8CB4

RGB

rgb(222, 140, 180)

HSL

hsl(331, 55%, 71%)

HSB

hsb(331, 37%, 87%)

CMYK

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

Oklch

oklch(73.6% 0.111 349.5)

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

#FACFB1

Apricot · Wheat · Peach Orange

HEX

#FACFB1

RGB

rgb(250, 207, 177)

HSL

hsl(25, 88%, 84%)

HSB

hsb(25, 29%, 98%)

CMYK

cmyk(0%, 17%, 29%, 2%)

Oklch

oklch(88.4% 0.063 56.7)

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

#D4E8C1

Celadon · LightGray · Mint Green

HEX

#D4E8C1

RGB

rgb(212, 232, 193)

HSL

hsl(91, 46%, 83%)

HSB

hsb(91, 17%, 91%)

CMYK

cmyk(9%, 0%, 17%, 9%)

Oklch

oklch(90.6% 0.056 129.7)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#B3D7CB

Jade · LightSteelBlue · Glacier Blue

HEX

#B3D7CB

RGB

rgb(179, 215, 203)

HSL

hsl(160, 31%, 77%)

HSB

hsb(160, 17%, 84%)

CMYK

cmyk(17%, 0%, 6%, 16%)

Oklch

oklch(85.0% 0.042 173.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F759C

759F77

Analogous

8D759F

9F759C

9F7587

Triadic

9F759C

9C9F75

759C9F

Split-Comp.

9F759C

879F75

759F8D

Tetradic

9F759C

9F8D75

759F77

75879F

Contrast Matrix WCAG 2.1 Contrast

9F759C	DE8CB4	FACFB1	D4E8C1	B3D7CB
—	1.5 Fail	2.7 Fail	2.9 Fail	2.5 Fail
1.5 Fail	—	1.7 Fail	1.9 Fail	1.6 Fail
2.7 Fail	1.7 Fail	—	1.1 Fail	1.1 Fail
2.9 Fail	1.9 Fail	1.1 Fail	—	1.2 Fail
2.5 Fail	1.6 Fail	1.1 Fail	1.2 Fail	—

White BG

3.8AA Large

2.5Fail

1.4Fail

1.3Fail

1.6Fail

Black BG

5.5AA

8.5AAA

14.6AAA

16.1AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C93

BABAAA

E7E7B8

DDDDCA

C3C3CE

Deuteranopia

8F9290

BFC5A8

EAEDBA

DCDACD

C1BECF

Tritanopia

9D8B89

DAA3A1

F8BEBF

D5D2D4

B5D0D1

Achromatopsia

868686

A9A9A9

D8D8D8

DEDEDE

CBCBCB

Shades & Tints Shades & Tints

#9F759C

Dark

Light

#DE8CB4

Dark

Light

#FACFB1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f759c;
  --color-2: #de8cb4;
  --color-3: #facfb1;
  --color-4: #d4e8c1;
  --color-5: #b3d7cb;
}

SCSS

$color-1: #9f759c;
$color-2: #de8cb4;
$color-3: #facfb1;
$color-4: #d4e8c1;
$color-5: #b3d7cb;

TAILWIND

colors: {
  'brand-1': '#9f759c',
  'brand-2': '#de8cb4',
  'brand-3': '#facfb1',
  'brand-4': '#d4e8c1',
  'brand-5': '#b3d7cb',
}

RGB Array

[159, 117, 156], [222, 140, 180], [250, 207, 177], [212, 232, 193], [179, 215, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9F759C, #DE8CB4, #FACFB1, #D4E8C1, #B3D7CB 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: #9f759c; --color-2: #de8cb4; --color-3: #facfb1; --color-4: #d4e8c1; --color-5: #b3d7cb. 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 pastel-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