#8F986E + #A0D1A2 + #76F9AD + #91D5B3 + #CDD6C3 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweet

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#8F986E

Grass Green · Gray · Olive Green

HEX

#8F986E

RGB

rgb(143, 152, 110)

HSL

hsl(73, 17%, 51%)

HSB

hsb(73, 28%, 60%)

CMYK

cmyk(6%, 0%, 28%, 40%)

Oklch

oklch(66.1% 0.060 117.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A0D1A2

Celadon · DarkSeaGreen · Apple Green

HEX

#A0D1A2

RGB

rgb(160, 209, 162)

HSL

hsl(122, 35%, 72%)

HSB

hsb(122, 23%, 82%)

CMYK

cmyk(23%, 0%, 22%, 18%)

Oklch

oklch(81.4% 0.083 145.8)

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

#76F9AD

Emerald · LightGreen · Apple Green

HEX

#76F9AD

RGB

rgb(118, 249, 173)

HSL

hsl(145, 92%, 72%)

HSB

hsb(145, 53%, 98%)

CMYK

cmyk(53%, 0%, 31%, 2%)

Oklch

oklch(88.9% 0.158 155.7)

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

#91D5B3

Jade · LightGreen · Apple Green

HEX

#91D5B3

RGB

rgb(145, 213, 179)

HSL

hsl(150, 45%, 70%)

HSB

hsb(150, 32%, 84%)

CMYK

cmyk(32%, 0%, 16%, 16%)

Oklch

oklch(81.8% 0.084 162.1)

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

#CDD6C3

Willow Green · LightGray · Apple Green

HEX

#CDD6C3

RGB

rgb(205, 214, 195)

HSL

hsl(88, 19%, 80%)

HSB

hsb(88, 9%, 84%)

CMYK

cmyk(4%, 0%, 9%, 16%)

Oklch

oklch(86.4% 0.028 127.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F986E

766D97

Analogous

978B6D

8F986E

79976D

Triadic

8F986E

6D8E97

976D8E

Split-Comp.

8F986E

6D7997

8B6D97

Tetradic

8F986E

6D978B

766D97

976D79

Contrast Matrix WCAG 2.1 Contrast

8F986E	A0D1A2	76F9AD	91D5B3	CDD6C3
—	1.8 Fail	2.3 Fail	1.8 Fail	2.0 Fail
1.8 Fail	—	1.3 Fail	1.0 Fail	1.2 Fail
2.3 Fail	1.3 Fail	—	1.3 Fail	1.1 Fail
1.8 Fail	1.0 Fail	1.3 Fail	—	1.1 Fail
2.0 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

3.1AA Large

1.7Fail

1.3Fail

1.7Fail

1.5Fail

Black BG

6.9AA

12.1AAA

15.9AAA

12.4AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939378

B5B6AD

AFB0BF

AEAFBB

D1D1C8

Deuteranopia

92927B

B2AFB0

A79DC4

ABA5BD

D0D0C9

Tritanopia

8F8082

A2B6B8

7DCED1

94C2C3

CDCBCC

Achromatopsia

919191

BDBDBD

C9C9C9

BDBDBD

D1D1D1

Shades & Tints Shades & Tints

#8F986E

Dark

Light

#A0D1A2

Dark

Light

#76F9AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f986e;
  --color-2: #a0d1a2;
  --color-3: #76f9ad;
  --color-4: #91d5b3;
  --color-5: #cdd6c3;
}

SCSS

$color-1: #8f986e;
$color-2: #a0d1a2;
$color-3: #76f9ad;
$color-4: #91d5b3;
$color-5: #cdd6c3;

TAILWIND

colors: {
  'brand-1': '#8f986e',
  'brand-2': '#a0d1a2',
  'brand-3': '#76f9ad',
  'brand-4': '#91d5b3',
  'brand-5': '#cdd6c3',
}

RGB Array

[143, 152, 110], [160, 209, 162], [118, 249, 173], [145, 213, 179], [205, 214, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #8F986E, #A0D1A2, #76F9AD, #91D5B3, #CDD6C3 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: #8f986e; --color-2: #a0d1a2; --color-3: #76f9ad; --color-4: #91d5b3; --color-5: #cdd6c3. 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