#80C48B + #8BC986 + #94CE81 + #9ED37B + #A9D878 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#80C48B

Celadon · DarkSeaGreen · Apple Green

HEX

#80C48B

RGB

rgb(128, 196, 139)

HSL

hsl(130, 37%, 64%)

HSB

hsb(130, 35%, 77%)

CMYK

cmyk(35%, 0%, 29%, 23%)

Oklch

oklch(76.0% 0.107 148.5)

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

#8BC986

Celadon · DarkSeaGreen · Apple Green

HEX

#8BC986

RGB

rgb(139, 201, 134)

HSL

hsl(116, 38%, 66%)

HSB

hsb(116, 33%, 79%)

CMYK

cmyk(31%, 0%, 33%, 21%)

Oklch

oklch(77.7% 0.113 142.6)

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

#94CE81

Celadon · DarkSeaGreen · Apple Green

HEX

#94CE81

RGB

rgb(148, 206, 129)

HSL

hsl(105, 44%, 66%)

HSB

hsb(105, 37%, 81%)

CMYK

cmyk(28%, 0%, 37%, 19%)

Oklch

oklch(79.3% 0.121 138.2)

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

#9ED37B

Celadon · DarkSeaGreen · Apple Green

HEX

#9ED37B

RGB

rgb(158, 211, 123)

HSL

hsl(96, 50%, 65%)

HSB

hsb(96, 42%, 83%)

CMYK

cmyk(25%, 0%, 42%, 17%)

Oklch

oklch(80.9% 0.129 133.9)

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

#A9D878

Willow Green · LightGreen · Apple Green

HEX

#A9D878

RGB

rgb(169, 216, 120)

HSL

hsl(89, 55%, 66%)

HSB

hsb(89, 44%, 85%)

CMYK

cmyk(22%, 0%, 44%, 15%)

Oklch

oklch(82.7% 0.134 130.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80C48B

C581BA

Analogous

98C581

80C48B

81C5AF

Triadic

80C48B

8D81C5

C58D81

Split-Comp.

80C48B

AF81C5

C58198

Tetradic

80C48B

8198C5

C581BA

C5AF81

Contrast Matrix WCAG 2.1 Contrast

80C48B	8BC986	94CE81	9ED37B	A9D878
—	1.1 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.1 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	—

White BG

2.1Fail

1.9Fail

1.8Fail

1.7Fail

1.6Fail

Black BG

10.2AAA

10.8AAA

11.4AAA

12.1AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9E99

A6A696

ADAE94

B5B590

BDBE8F

Deuteranopia

9A949C

A29E9A

AAA598

B2AE95

BBB795

Tritanopia

83A4A6

8EA3A6

97A2A6

A1A1A5

ABA2A6

Achromatopsia

A9A9A9

AFAFAF

B4B4B4

B9B9B9

BFBFBF

Shades & Tints Shades & Tints

#80C48B

Dark

Light

#8BC986

Dark

Light

#94CE81

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80c48b;
  --color-2: #8bc986;
  --color-3: #94ce81;
  --color-4: #9ed37b;
  --color-5: #a9d878;
}

SCSS

$color-1: #80c48b;
$color-2: #8bc986;
$color-3: #94ce81;
$color-4: #9ed37b;
$color-5: #a9d878;

TAILWIND

colors: {
  'brand-1': '#80c48b',
  'brand-2': '#8bc986',
  'brand-3': '#94ce81',
  'brand-4': '#9ed37b',
  'brand-5': '#a9d878',
}

RGB Array

[128, 196, 139], [139, 201, 134], [148, 206, 129], [158, 211, 123], [169, 216, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #80C48B, #8BC986, #94CE81, #9ED37B, #A9D878 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: #80c48b; --color-2: #8bc986; --color-3: #94ce81; --color-4: #9ed37b; --color-5: #a9d878. 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 general-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