#CE74B2 + #A999B6 + #8DB7C7 + #ADCBC3 + #E1EAD7 · 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

#CE74B2

Mauve · Orchid · Lilac Purple

HEX

#CE74B2

RGB

rgb(206, 116, 178)

HSL

hsl(319, 48%, 63%)

HSB

hsb(319, 44%, 81%)

CMYK

cmyk(0%, 44%, 14%, 19%)

Oklch

oklch(67.8% 0.136 339.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#A999B6

Lilac · DarkGray · Lilac Purple

HEX

#A999B6

RGB

rgb(169, 153, 182)

HSL

hsl(273, 17%, 66%)

HSB

hsb(273, 16%, 71%)

CMYK

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

Oklch

oklch(70.6% 0.045 309.9)

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

#8DB7C7

Sky Blue · SkyBlue · Lake Green

HEX

#8DB7C7

RGB

rgb(141, 183, 199)

HSL

hsl(197, 34%, 67%)

HSB

hsb(197, 29%, 78%)

CMYK

cmyk(29%, 8%, 0%, 22%)

Oklch

oklch(75.5% 0.050 223.2)

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

#ADCBC3

Jade · Silver · Lake Green

HEX

#ADCBC3

RGB

rgb(173, 203, 195)

HSL

hsl(164, 22%, 74%)

HSB

hsb(164, 15%, 80%)

CMYK

cmyk(15%, 0%, 4%, 20%)

Oklch

oklch(81.8% 0.034 177.5)

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

#E1EAD7

Willow Green · Beige · Mint Green

HEX

#E1EAD7

RGB

rgb(225, 234, 215)

HSL

hsl(88, 31%, 88%)

HSB

hsb(88, 8%, 92%)

CMYK

cmyk(4%, 0%, 8%, 8%)

Oklch

oklch(92.5% 0.027 127.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE74B2

73CE90

Analogous

BD73CE

CE74B2

CE7384

Triadic

CE74B2

B1CE73

73B1CE

Split-Comp.

CE74B2

84CE73

73CEBD

Tetradic

CE74B2

CEBD73

73CE90

7384CE

Contrast Matrix WCAG 2.1 Contrast

CE74B2	A999B6	8DB7C7	ADCBC3	E1EAD7
—	1.2 Fail	1.4 Fail	1.8 Fail	2.5 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	2.1 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.7 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.4 Fail
2.5 Fail	2.1 Fail	1.7 Fail	1.4 Fail	—

White BG

3.1AA Large

2.7Fail

2.2Fail

1.7Fail

1.2Fail

Black BG

6.8AA

7.9AAA

9.7AAA

12.1AAA

17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A6A3

A2A2AF

9FA0C3

BABAC5

E5E5DC

Deuteranopia

ACB39F

A3A4AD

9D9AC2

B8B6C5

E4E4DD

Tritanopia

CA9795

A8A9A8

8FC0BF

AFC6C7

E1DFE0

Achromatopsia

969696

A1A1A1

ACACAC

C1C1C1

E5E5E5

Shades & Tints Shades & Tints

#CE74B2

Dark

Light

#A999B6

Dark

Light

#8DB7C7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce74b2;
  --color-2: #a999b6;
  --color-3: #8db7c7;
  --color-4: #adcbc3;
  --color-5: #e1ead7;
}

SCSS

$color-1: #ce74b2;
$color-2: #a999b6;
$color-3: #8db7c7;
$color-4: #adcbc3;
$color-5: #e1ead7;

TAILWIND

colors: {
  'brand-1': '#ce74b2',
  'brand-2': '#a999b6',
  'brand-3': '#8db7c7',
  'brand-4': '#adcbc3',
  'brand-5': '#e1ead7',
}

RGB Array

[206, 116, 178], [169, 153, 182], [141, 183, 199], [173, 203, 195], [225, 234, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CE74B2, #A999B6, #8DB7C7, #ADCBC3, #E1EAD7 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: #ce74b2; --color-2: #a999b6; --color-3: #8db7c7; --color-4: #adcbc3; --color-5: #e1ead7. 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