#ADD1CF + #EBE5E6 + #B3A7C9 + #E39DB3 + #E07597 · 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

#ADD1CF

Jade · LightSteelBlue · Lake Green

HEX

#ADD1CF

RGB

rgb(173, 209, 207)

HSL

hsl(177, 28%, 75%)

HSB

hsb(177, 17%, 82%)

CMYK

cmyk(17%, 0%, 1%, 18%)

Oklch

oklch(83.4% 0.038 192.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#EBE5E6

Peach Pink · Linen · Cherry Blossom

HEX

#EBE5E6

RGB

rgb(235, 229, 230)

HSL

hsl(350, 13%, 91%)

HSB

hsb(350, 3%, 92%)

CMYK

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

Oklch

oklch(92.7% 0.007 5.6)

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

#B3A7C9

Wisteria · Silver · Lilac Purple

HEX

#B3A7C9

RGB

rgb(179, 167, 201)

HSL

hsl(261, 24%, 72%)

HSB

hsb(261, 17%, 79%)

CMYK

cmyk(11%, 17%, 0%, 21%)

Oklch

oklch(75.0% 0.050 301.3)

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

#E39DB3

Rouge · LightPink · Rose Pink

HEX

#E39DB3

RGB

rgb(227, 157, 179)

HSL

hsl(341, 56%, 75%)

HSB

hsb(341, 31%, 89%)

CMYK

cmyk(0%, 31%, 21%, 11%)

Oklch

oklch(77.0% 0.088 358.9)

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

#E07597

Rouge · LightCoral · Rose Pink

HEX

#E07597

RGB

rgb(224, 117, 151)

HSL

hsl(341, 63%, 67%)

HSB

hsb(341, 48%, 88%)

CMYK

cmyk(0%, 48%, 33%, 12%)

Oklch

oklch(69.3% 0.137 1.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADD1CF

D1ADAF

Analogous

ADD1BD

ADD1CF

ADC1D1

Triadic

ADD1CF

CFADD1

D1CFAD

Split-Comp.

ADD1CF

D1ADC1

D1BDAD

Tetradic

ADD1CF

BDADD1

D1ADAF

C1D1AD

Contrast Matrix WCAG 2.1 Contrast

ADD1CF	EBE5E6	B3A7C9	E39DB3	E07597
—	1.3 Fail	1.4 Fail	1.3 Fail	1.8 Fail
1.3 Fail	—	1.8 Fail	1.7 Fail	2.4 Fail
1.4 Fail	1.8 Fail	—	1.0 Fail	1.3 Fail
1.3 Fail	1.7 Fail	1.0 Fail	—	1.4 Fail
1.8 Fail	2.4 Fail	1.3 Fail	1.4 Fail	—

White BG

1.6Fail

1.2Fail

2.3Fail

2.2Fail

2.9Fail

Black BG

12.8AAA

16.9AAA

9.3AAA

9.7AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDCF

E8E8E6

AEAEC1

C5C4AE

B2B18F

Deuteranopia

BBB8D0

E9E9E6

AFAFBF

C9CEAC

B8C08D

Tritanopia

AFD0D0

EBE6E6

B2BAB9

DFA9A9

DB8887

Achromatopsia

C6C6C6

E7E7E7

AEAEAE

B4B4B4

999999

Shades & Tints Shades & Tints

#ADD1CF

Dark

Light

#EBE5E6

Dark

Light

#B3A7C9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #add1cf;
  --color-2: #ebe5e6;
  --color-3: #b3a7c9;
  --color-4: #e39db3;
  --color-5: #e07597;
}

SCSS

$color-1: #add1cf;
$color-2: #ebe5e6;
$color-3: #b3a7c9;
$color-4: #e39db3;
$color-5: #e07597;

TAILWIND

colors: {
  'brand-1': '#add1cf',
  'brand-2': '#ebe5e6',
  'brand-3': '#b3a7c9',
  'brand-4': '#e39db3',
  'brand-5': '#e07597',
}

RGB Array

[173, 209, 207], [235, 229, 230], [179, 167, 201], [227, 157, 179], [224, 117, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #ADD1CF, #EBE5E6, #B3A7C9, #E39DB3, #E07597 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: #add1cf; --color-2: #ebe5e6; --color-3: #b3a7c9; --color-4: #e39db3; --color-5: #e07597. 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