#EB84A4 + #9B8793 + #9DB7BF + #BACFCE + #FAF6E6 · 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

#EB84A4

Rouge · LightCoral · Rose Pink

HEX

#EB84A4

RGB

rgb(235, 132, 164)

HSL

hsl(341, 72%, 72%)

HSB

hsb(341, 44%, 92%)

CMYK

cmyk(0%, 44%, 30%, 8%)

Oklch

oklch(73.4% 0.130 0.9)

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

#9B8793

Rose Purple · Gray · Silver Sand

HEX

#9B8793

RGB

rgb(155, 135, 147)

HSL

hsl(324, 9%, 57%)

HSB

hsb(324, 13%, 61%)

CMYK

cmyk(0%, 13%, 5%, 39%)

Oklch

oklch(64.5% 0.030 341.2)

Traditional「Rose Purple」· Paint「Silver Sand」· Creative Urban Concrete

#9DB7BF

Sky Blue · DarkGray · Lake Green

HEX

#9DB7BF

RGB

rgb(157, 183, 191)

HSL

hsl(194, 21%, 68%)

HSB

hsb(194, 18%, 75%)

CMYK

cmyk(18%, 4%, 0%, 25%)

Oklch

oklch(76.2% 0.031 218.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#BACFCE

Jade · Silver · Glacier Blue

HEX

#BACFCE

RGB

rgb(186, 207, 206)

HSL

hsl(177, 18%, 77%)

HSB

hsb(177, 10%, 81%)

CMYK

cmyk(10%, 0%, 0%, 19%)

Oklch

oklch(83.8% 0.023 193.2)

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

#FAF6E6

Goose Yellow · Linen · Lemon Cream

HEX

#FAF6E6

RGB

rgb(250, 246, 230)

HSL

hsl(48, 67%, 94%)

HSB

hsb(48, 8%, 98%)

CMYK

cmyk(0%, 2%, 8%, 2%)

Oklch

oklch(97.2% 0.021 95.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB84A4

84EBCA

Analogous

EB84D8

EB84A4

EB9784

Triadic

EB84A4

A5EB84

84A5EB

Split-Comp.

EB84A4

84EB97

84D8EB

Tetradic

EB84A4

D8EB84

84EBCA

9784EB

Contrast Matrix WCAG 2.1 Contrast

EB84A4	9B8793	9DB7BF	BACFCE	FAF6E6
—	1.3 Fail	1.2 Fail	1.5 Fail	2.3 Fail
1.3 Fail	—	1.6 Fail	2.1 Fail	3.1 AA Large
1.2 Fail	1.6 Fail	—	1.3 Fail	1.9 Fail
1.5 Fail	2.1 Fail	1.3 Fail	—	1.5 Fail
2.3 Fail	3.1 AA Large	1.9 Fail	1.5 Fail	—

White BG

2.5Fail

3.3AA Large

2.1Fail

1.6Fail

1.1Fail

Black BG

8.4AAA

6.3AA

10.0AAA

12.9AAA

19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD9C

929290

A8A8BD

C3C3CE

F8F8EA

Deuteranopia

C4CC9A

94958F

A7A5BD

C2C0CE

F9F9EB

Tritanopia

E69695

9A8E8D

9EBCBB

BBCECE

FAEDEE

Achromatopsia

A6A6A6

8E8E8E

B0B0B0

C9C9C9

F5F5F5

Shades & Tints Shades & Tints

#EB84A4

Dark

Light

#9B8793

Dark

Light

#9DB7BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb84a4;
  --color-2: #9b8793;
  --color-3: #9db7bf;
  --color-4: #bacfce;
  --color-5: #faf6e6;
}

SCSS

$color-1: #eb84a4;
$color-2: #9b8793;
$color-3: #9db7bf;
$color-4: #bacfce;
$color-5: #faf6e6;

TAILWIND

colors: {
  'brand-1': '#eb84a4',
  'brand-2': '#9b8793',
  'brand-3': '#9db7bf',
  'brand-4': '#bacfce',
  'brand-5': '#faf6e6',
}

RGB Array

[235, 132, 164], [155, 135, 147], [157, 183, 191], [186, 207, 206], [250, 246, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EB84A4, #9B8793, #9DB7BF, #BACFCE, #FAF6E6 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: #eb84a4; --color-2: #9b8793; --color-3: #9db7bf; --color-4: #bacfce; --color-5: #faf6e6. 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