#B9778C + #D87B92 + #ED96A0 + #EBAFAA + #EFCDB6 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B9778C

Dark Violet · LightCoral · Rose Pink

HEX

#B9778C

RGB

rgb(185, 119, 140)

HSL

hsl(341, 32%, 60%)

HSB

hsb(341, 36%, 73%)

CMYK

cmyk(0%, 36%, 24%, 27%)

Oklch

oklch(64.4% 0.087 359.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D87B92

Peach Pink · LightCoral · Coral Red

HEX

#D87B92

RGB

rgb(216, 123, 146)

HSL

hsl(345, 54%, 66%)

HSB

hsb(345, 43%, 85%)

CMYK

cmyk(0%, 43%, 32%, 15%)

Oklch

oklch(69.1% 0.118 4.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#ED96A0

Peach Pink · DarkSalmon · Coral Red

HEX

#ED96A0

RGB

rgb(237, 150, 160)

HSL

hsl(353, 71%, 76%)

HSB

hsb(353, 37%, 93%)

CMYK

cmyk(0%, 37%, 32%, 7%)

Oklch

oklch(76.4% 0.105 12.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EBAFAA

Peach Pink · LightPink · Coral Red

HEX

#EBAFAA

RGB

rgb(235, 175, 170)

HSL

hsl(5, 62%, 79%)

HSB

hsb(5, 28%, 92%)

CMYK

cmyk(0%, 26%, 28%, 8%)

Oklch

oklch(80.8% 0.071 24.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EFCDB6

Apricot · Wheat · Peach Orange

HEX

#EFCDB6

RGB

rgb(239, 205, 182)

HSL

hsl(24, 64%, 83%)

HSB

hsb(24, 24%, 94%)

CMYK

cmyk(0%, 14%, 24%, 6%)

Oklch

oklch(87.1% 0.049 56.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9778C

78BAA5

Analogous

BA78AE

B9778C

BA8478

Triadic

B9778C

8DBA78

788DBA

Split-Comp.

B9778C

78BA84

78AEBA

Tetradic

B9778C

AEBA78

78BAA5

8478BA

Contrast Matrix WCAG 2.1 Contrast

B9778C	D87B92	ED96A0	EBAFAA	EFCDB6
—	1.2 Fail	1.6 Fail	1.8 Fail	2.3 Fail
1.2 Fail	—	1.3 Fail	1.6 Fail	2.0 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.8 Fail	1.6 Fail	1.2 Fail	—	1.3 Fail
2.3 Fail	2.0 Fail	1.5 Fail	1.3 Fail	—

White BG

3.5AA Large

2.9Fail

2.2Fail

1.9Fail

1.5Fail

Black BG

6.1AA

7.2AAA

9.5AAA

11.2AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C87

B0AF8C

C7C79E

D1D0AB

E0E0BC

Deuteranopia

A0A586

B5BC8B

CCD39D

D5D9AC

E2E5BD

Tritanopia

B68382

D38887

E99C9B

E8ACAC

EDC0C1

Achromatopsia

8D8D8D

999999

B1B1B1

C0C0C0

D5D5D5

Shades & Tints Shades & Tints

#B9778C

Dark

Light

#D87B92

Dark

Light

#ED96A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9778c;
  --color-2: #d87b92;
  --color-3: #ed96a0;
  --color-4: #ebafaa;
  --color-5: #efcdb6;
}

SCSS

$color-1: #b9778c;
$color-2: #d87b92;
$color-3: #ed96a0;
$color-4: #ebafaa;
$color-5: #efcdb6;

TAILWIND

colors: {
  'brand-1': '#b9778c',
  'brand-2': '#d87b92',
  'brand-3': '#ed96a0',
  'brand-4': '#ebafaa',
  'brand-5': '#efcdb6',
}

RGB Array

[185, 119, 140], [216, 123, 146], [237, 150, 160], [235, 175, 170], [239, 205, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B9778C, #D87B92, #ED96A0, #EBAFAA, #EFCDB6 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: #b9778c; --color-2: #d87b92; --color-3: #ed96a0; --color-4: #ebafaa; --color-5: #efcdb6. 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