#83CCB4 + #C5E3C7 + #ED98A3 + #D67A9F + #B56B94 · 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

#83CCB4

Jade · MediumAquaMarine · Lake Green

HEX

#83CCB4

RGB

rgb(131, 204, 180)

HSL

hsl(160, 42%, 66%)

HSB

hsb(160, 36%, 80%)

CMYK

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

Oklch

oklch(79.0% 0.081 171.4)

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

#C5E3C7

Celadon · LightGray · Mint Green

HEX

#C5E3C7

RGB

rgb(197, 227, 199)

HSL

hsl(124, 35%, 83%)

HSB

hsb(124, 13%, 89%)

CMYK

cmyk(13%, 0%, 12%, 11%)

Oklch

oklch(88.6% 0.049 147.0)

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

#ED98A3

Peach Pink · DarkSalmon · Coral Red

HEX

#ED98A3

RGB

rgb(237, 152, 163)

HSL

hsl(352, 70%, 76%)

HSB

hsb(352, 36%, 93%)

CMYK

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

Oklch

oklch(76.8% 0.103 11.3)

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

#D67A9F

Rouge · LightCoral · Rose Pink

HEX

#D67A9F

RGB

rgb(214, 122, 159)

HSL

hsl(336, 53%, 66%)

HSB

hsb(336, 43%, 84%)

CMYK

cmyk(0%, 43%, 26%, 16%)

Oklch

oklch(69.1% 0.122 355.2)

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

#B56B94

Rose Purple · Gray · Rose Pink

HEX

#B56B94

RGB

rgb(181, 107, 148)

HSL

hsl(327, 33%, 56%)

HSB

hsb(327, 41%, 71%)

CMYK

cmyk(0%, 41%, 18%, 29%)

Oklch

oklch(62.2% 0.107 346.3)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

83CCB4

CD849C

Analogous

84CD90

83CCB4

84C1CD

Triadic

83CCB4

B484CD

CDB484

Split-Comp.

83CCB4

CD84C1

CD9084

Tetradic

83CCB4

9084CD

CD849C

C1CD84

Contrast Matrix WCAG 2.1 Contrast

83CCB4	C5E3C7	ED98A3	D67A9F	B56B94
—	1.3 Fail	1.2 Fail	1.6 Fail	2.0 Fail
1.3 Fail	—	1.6 Fail	2.1 Fail	2.8 Fail
1.2 Fail	1.6 Fail	—	1.3 Fail	1.8 Fail
1.6 Fail	2.1 Fail	1.3 Fail	—	1.3 Fail
2.0 Fail	2.8 Fail	1.8 Fail	1.3 Fail	—

White BG

1.9Fail

1.4Fail

2.2Fail

2.9Fail

3.8AA Large

Black BG

11.3AAA

15.2AAA

9.6AAA

7.1AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A3BA

D2D2CE

C8C7A0

AEAD96

95948A

Deuteranopia

9E99BB

D0CECF

CDD3A0

B4BA94

999F88

Tritanopia

87BEBF

C6D3D4

E99E9E

D18F8D

B18281

Achromatopsia

B3B3B3

D7D7D7

B3B3B3

9A9A9A

868686

Shades & Tints Shades & Tints

#83CCB4

Dark

Light

#C5E3C7

Dark

Light

#ED98A3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #83ccb4;
  --color-2: #c5e3c7;
  --color-3: #ed98a3;
  --color-4: #d67a9f;
  --color-5: #b56b94;
}

SCSS

$color-1: #83ccb4;
$color-2: #c5e3c7;
$color-3: #ed98a3;
$color-4: #d67a9f;
$color-5: #b56b94;

TAILWIND

colors: {
  'brand-1': '#83ccb4',
  'brand-2': '#c5e3c7',
  'brand-3': '#ed98a3',
  'brand-4': '#d67a9f',
  'brand-5': '#b56b94',
}

RGB Array

[131, 204, 180], [197, 227, 199], [237, 152, 163], [214, 122, 159], [181, 107, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #83CCB4, #C5E3C7, #ED98A3, #D67A9F, #B56B94 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: #83ccb4; --color-2: #c5e3c7; --color-3: #ed98a3; --color-4: #d67a9f; --color-5: #b56b94. 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