#80D3CB + #ABCF84 + #EE989E + #BD97A6 + #C0C4E7 · 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

#80D3CB

Jade · SkyBlue · Lake Green

HEX

#80D3CB

RGB

rgb(128, 211, 203)

HSL

hsl(174, 49%, 66%)

HSB

hsb(174, 39%, 83%)

CMYK

cmyk(39%, 0%, 4%, 17%)

Oklch

oklch(81.2% 0.082 187.8)

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

#ABCF84

Willow Green · DarkSeaGreen · Apple Green

HEX

#ABCF84

RGB

rgb(171, 207, 132)

HSL

hsl(89, 44%, 66%)

HSB

hsb(89, 36%, 81%)

CMYK

cmyk(17%, 0%, 36%, 19%)

Oklch

oklch(81.0% 0.107 129.4)

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

#EE989E

Peach Pink · DarkSalmon · Coral Red

HEX

#EE989E

RGB

rgb(238, 152, 158)

HSL

hsl(356, 72%, 76%)

HSB

hsb(356, 36%, 93%)

CMYK

cmyk(0%, 36%, 34%, 7%)

Oklch

oklch(76.8% 0.104 15.2)

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

#BD97A6

Rouge · DarkGray · Rose Pink

HEX

#BD97A6

RGB

rgb(189, 151, 166)

HSL

hsl(336, 22%, 67%)

HSB

hsb(336, 20%, 74%)

CMYK

cmyk(0%, 20%, 12%, 26%)

Oklch

oklch(71.6% 0.050 352.8)

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

#C0C4E7

Azure · LightSteelBlue · Sky Blue

HEX

#C0C4E7

RGB

rgb(192, 196, 231)

HSL

hsl(234, 45%, 83%)

HSB

hsb(234, 17%, 91%)

CMYK

cmyk(17%, 15%, 0%, 9%)

Oklch

oklch(82.9% 0.049 280.1)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80D3CB

D37E86

Analogous

7ED3A0

80D3CB

7EB1D3

Triadic

80D3CB

CA7ED3

D3CA7E

Split-Comp.

80D3CB

D37EB1

D3A07E

Tetradic

80D3CB

A07ED3

D37E86

B1D37E

Contrast Matrix WCAG 2.1 Contrast

80D3CB	ABCF84	EE989E	BD97A6	C0C4E7
—	1.0 Fail	1.3 Fail	1.5 Fail	1.0 Fail
1.0 Fail	—	1.2 Fail	1.5 Fail	1.0 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.5 Fail	1.5 Fail	1.2 Fail	—	1.5 Fail
1.0 Fail	1.0 Fail	1.3 Fail	1.5 Fail	—

White BG

1.7Fail

1.8Fail

2.2Fail

2.6Fail

1.7Fail

Black BG

12.1AAA

12.0AAA

9.6AAA

8.1AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A5CD

BBBB96

C9C89D

ADACA2

C2C2DF

Deuteranopia

9F99CD

B9B69B

CED49C

AFB2A2

C2C1DD

Tritanopia

84CECF

ADA4A8

EA9B9B

BBA09F

C0D8D6

Achromatopsia

B9B9B9

BCBCBC

B2B2B2

A4A4A4

C7C7C7

Shades & Tints Shades & Tints

#80D3CB

Dark

Light

#ABCF84

Dark

Light

#EE989E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80d3cb;
  --color-2: #abcf84;
  --color-3: #ee989e;
  --color-4: #bd97a6;
  --color-5: #c0c4e7;
}

SCSS

$color-1: #80d3cb;
$color-2: #abcf84;
$color-3: #ee989e;
$color-4: #bd97a6;
$color-5: #c0c4e7;

TAILWIND

colors: {
  'brand-1': '#80d3cb',
  'brand-2': '#abcf84',
  'brand-3': '#ee989e',
  'brand-4': '#bd97a6',
  'brand-5': '#c0c4e7',
}

RGB Array

[128, 211, 203], [171, 207, 132], [238, 152, 158], [189, 151, 166], [192, 196, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #80D3CB, #ABCF84, #EE989E, #BD97A6, #C0C4E7 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: #80d3cb; --color-2: #abcf84; --color-3: #ee989e; --color-4: #bd97a6; --color-5: #c0c4e7. 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