#CEE387 + #D0E09B + #C3E0A8 + #ABC295 + #8DBAA5 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CEE387

Willow Green · Khaki · Apple Green

HEX

#CEE387

RGB

rgb(206, 227, 135)

HSL

hsl(74, 62%, 71%)

HSB

hsb(74, 41%, 89%)

CMYK

cmyk(9%, 0%, 41%, 11%)

Oklch

oklch(88.0% 0.119 119.4)

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

#D0E09B

Willow Green · Khaki · Apple Green

HEX

#D0E09B

RGB

rgb(208, 224, 155)

HSL

hsl(74, 53%, 74%)

HSB

hsb(74, 31%, 88%)

CMYK

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

Oklch

oklch(87.8% 0.092 118.9)

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

#C3E0A8

Celadon · Silver · Apple Green

HEX

#C3E0A8

RGB

rgb(195, 224, 168)

HSL

hsl(91, 47%, 77%)

HSB

hsb(91, 25%, 88%)

CMYK

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

Oklch

oklch(87.1% 0.081 130.2)

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

#ABC295

Celadon · DarkSeaGreen · Apple Green

HEX

#ABC295

RGB

rgb(171, 194, 149)

HSL

hsl(91, 27%, 67%)

HSB

hsb(91, 23%, 76%)

CMYK

cmyk(12%, 0%, 23%, 24%)

Oklch

oklch(78.5% 0.067 129.9)

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

#8DBAA5

Jade · DarkSeaGreen · Apple Green

HEX

#8DBAA5

RGB

rgb(141, 186, 165)

HSL

hsl(152, 25%, 64%)

HSB

hsb(152, 24%, 73%)

CMYK

cmyk(24%, 0%, 11%, 27%)

Oklch

oklch(75.1% 0.057 164.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEE387

9D87E3

Analogous

E3CA87

CEE387

A0E387

Triadic

CEE387

87CEE3

E387CE

Split-Comp.

CEE387

87A0E3

CA87E3

Tetradic

CEE387

87E3CA

9D87E3

E387A0

Contrast Matrix WCAG 2.1 Contrast

CEE387	D0E09B	C3E0A8	ABC295	8DBAA5
—	1.0 Fail	1.0 Fail	1.4 Fail	1.5 Fail
1.0 Fail	—	1.0 Fail	1.4 Fail	1.5 Fail
1.0 Fail	1.0 Fail	—	1.3 Fail	1.5 Fail
1.4 Fail	1.4 Fail	1.3 Fail	—	1.1 Fail
1.5 Fail	1.5 Fail	1.5 Fail	1.1 Fail	—

White BG

1.4Fail

1.9Fail

2.2Fail

Black BG

15.0AAA

14.8AAA

14.5AAA

10.9AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D79D

D7D7AC

D0D0B6

B5B5A0

A0A1AA

Deuteranopia

D6D4A3

D6D5B0

CECCB9

B4B2A3

9E9BAB

Tritanopia

CFAFB3

D1B9BC

C4C0C3

ACA8AA

8FAEAF

Achromatopsia

D2D2D2

D3D3D3

D1D1D1

B6B6B6

AAAAAA

Shades & Tints Shades & Tints

#CEE387

Dark

Light

#D0E09B

Dark

Light

#C3E0A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cee387;
  --color-2: #d0e09b;
  --color-3: #c3e0a8;
  --color-4: #abc295;
  --color-5: #8dbaa5;
}

SCSS

$color-1: #cee387;
$color-2: #d0e09b;
$color-3: #c3e0a8;
$color-4: #abc295;
$color-5: #8dbaa5;

TAILWIND

colors: {
  'brand-1': '#cee387',
  'brand-2': '#d0e09b',
  'brand-3': '#c3e0a8',
  'brand-4': '#abc295',
  'brand-5': '#8dbaa5',
}

RGB Array

[206, 227, 135], [208, 224, 155], [195, 224, 168], [171, 194, 149], [141, 186, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CEE387, #D0E09B, #C3E0A8, #ABC295, #8DBAA5 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: #cee387; --color-2: #d0e09b; --color-3: #c3e0a8; --color-4: #abc295; --color-5: #8dbaa5. 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