#A8E3C3 + #B6D5C7 + #C0C6CA + #D0B9CE + #DEABD3 · 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

#A8E3C3

Emerald · LightBlue · Apple Green

HEX

#A8E3C3

RGB

rgb(168, 227, 195)

HSL

hsl(147, 51%, 77%)

HSB

hsb(147, 26%, 89%)

CMYK

cmyk(26%, 0%, 14%, 11%)

Oklch

oklch(86.7% 0.075 160.6)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#B6D5C7

Jade · Silver · Apple Green

HEX

#B6D5C7

RGB

rgb(182, 213, 199)

HSL

hsl(153, 27%, 77%)

HSB

hsb(153, 15%, 84%)

CMYK

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

Oklch

oklch(84.6% 0.038 166.4)

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

#C0C6CA

Sky Blue · Silver · Pearl Gray

HEX

#C0C6CA

RGB

rgb(192, 198, 202)

HSL

hsl(204, 9%, 77%)

HSB

hsb(204, 5%, 79%)

CMYK

cmyk(5%, 2%, 0%, 21%)

Oklch

oklch(82.3% 0.009 236.6)

Traditional「Sky Blue」· Paint「Pearl Gray」· Creative Silver Lining

#D0B9CE

Mauve · Silver · Lilac Purple

HEX

#D0B9CE

RGB

rgb(208, 185, 206)

HSL

hsl(305, 20%, 77%)

HSB

hsb(305, 11%, 82%)

CMYK

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

Oklch

oklch(81.2% 0.039 328.7)

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

#DEABD3

Mauve · LightPink · Lilac Purple

HEX

#DEABD3

RGB

rgb(222, 171, 211)

HSL

hsl(313, 44%, 77%)

HSB

hsb(313, 23%, 87%)

CMYK

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

Oklch

oklch(80.0% 0.079 334.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8E3C3

E2A6C7

Analogous

A9E2A6

A8E3C3

A6E2DF

Triadic

A8E3C3

C1A6E2

E2C1A6

Split-Comp.

A8E3C3

DFA6E2

E2A6A9

Tetradic

A8E3C3

A6A9E2

E2A6C7

E2DFA6

Contrast Matrix WCAG 2.1 Contrast

A8E3C3	B6D5C7	C0C6CA	D0B9CE	DEABD3
—	1.1 Fail	1.2 Fail	1.3 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.5Fail

1.6Fail

1.7Fail

1.8Fail

1.9Fail

Black BG

14.4AAA

13.3AAA

12.2AAA

11.5AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2CB

C3C4CA

C3C3C9

C6C6C9

C8C7C9

Deuteranopia

BEBACD

C2BFCB

C2C2C9

C7C9C8

CBCFC7

Tritanopia

ABD1D2

B8CDCE

C0C8C8

CFC5C4

DBC2C0

Achromatopsia

CECECE

CACACA

C5C5C5

C2C2C2

BFBFBF

Shades & Tints Shades & Tints

#A8E3C3

Dark

Light

#B6D5C7

Dark

Light

#C0C6CA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8e3c3;
  --color-2: #b6d5c7;
  --color-3: #c0c6ca;
  --color-4: #d0b9ce;
  --color-5: #deabd3;
}

SCSS

$color-1: #a8e3c3;
$color-2: #b6d5c7;
$color-3: #c0c6ca;
$color-4: #d0b9ce;
$color-5: #deabd3;

TAILWIND

colors: {
  'brand-1': '#a8e3c3',
  'brand-2': '#b6d5c7',
  'brand-3': '#c0c6ca',
  'brand-4': '#d0b9ce',
  'brand-5': '#deabd3',
}

RGB Array

[168, 227, 195], [182, 213, 199], [192, 198, 202], [208, 185, 206], [222, 171, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A8E3C3, #B6D5C7, #C0C6CA, #D0B9CE, #DEABD3 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: #a8e3c3; --color-2: #b6d5c7; --color-3: #c0c6ca; --color-4: #d0b9ce; --color-5: #deabd3. 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