#81E3C5 + #B5ECCB + #E9F4D0 + #E0DD9C + #D2D062 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#81E3C5

Jade · SkyBlue · Lake Green

HEX

#81E3C5

RGB

rgb(129, 227, 197)

HSL

hsl(162, 64%, 70%)

HSB

hsb(162, 43%, 89%)

CMYK

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

Oklch

oklch(84.7% 0.103 171.9)

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

#B5ECCB

Emerald · LightBlue · Mint Green

HEX

#B5ECCB

RGB

rgb(181, 236, 203)

HSL

hsl(144, 59%, 82%)

HSB

hsb(144, 23%, 93%)

CMYK

cmyk(23%, 0%, 14%, 7%)

Oklch

oklch(89.6% 0.072 158.2)

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

#E9F4D0

Willow Green · Beige · Mint Green

HEX

#E9F4D0

RGB

rgb(233, 244, 208)

HSL

hsl(78, 62%, 89%)

HSB

hsb(78, 15%, 96%)

CMYK

cmyk(5%, 0%, 15%, 4%)

Oklch

oklch(95.0% 0.049 121.1)

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

#E0DD9C

Fresh Green · Khaki · Sunflower

HEX

#E0DD9C

RGB

rgb(224, 221, 156)

HSL

hsl(57, 52%, 75%)

HSB

hsb(57, 30%, 88%)

CMYK

cmyk(0%, 1%, 30%, 12%)

Oklch

oklch(88.5% 0.084 105.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D2D062

Autumn Sage · BurlyWood · Sunflower

HEX

#D2D062

RGB

rgb(210, 208, 98)

HSL

hsl(59, 55%, 60%)

HSB

hsb(59, 53%, 82%)

CMYK

cmyk(0%, 1%, 53%, 18%)

Oklch

oklch(83.7% 0.133 108.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

81E3C5

E3829F

Analogous

82E395

81E3C5

82D0E3

Triadic

81E3C5

C682E3

E3C682

Split-Comp.

81E3C5

E382D0

E39582

Tetradic

81E3C5

9582E3

E3829F

D0E382

Contrast Matrix WCAG 2.1 Contrast

81E3C5	B5ECCB	E9F4D0	E0DD9C	D2D062
—	1.2 Fail	1.3 Fail	1.1 Fail	1.1 Fail
1.2 Fail	—	1.2 Fail	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.1 Fail	1.1 Fail	1.2 Fail	—	1.2 Fail
1.1 Fail	1.2 Fail	1.4 Fail	1.2 Fail	—

White BG

1.5Fail

1.3Fail

1.1Fail

1.4Fail

1.6Fail

Black BG

13.7AAA

15.8AAA

18.3AAA

15.0AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABACCC

CDCDD3

EEEED9

DFDFAC

D1D17D

Deuteranopia

A69ECE

CAC6D5

EDECDB

DFDFB0

D1D183

Tritanopia

86D2D3

B8D9DB

EAE0E1

E0B8BB

D29296

Achromatopsia

C2C2C2

D8D8D8

EDEDED

D6D6D6

C4C4C4

Shades & Tints Shades & Tints

#81E3C5

Dark

Light

#B5ECCB

Dark

Light

#E9F4D0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #81e3c5;
  --color-2: #b5eccb;
  --color-3: #e9f4d0;
  --color-4: #e0dd9c;
  --color-5: #d2d062;
}

SCSS

$color-1: #81e3c5;
$color-2: #b5eccb;
$color-3: #e9f4d0;
$color-4: #e0dd9c;
$color-5: #d2d062;

TAILWIND

colors: {
  'brand-1': '#81e3c5',
  'brand-2': '#b5eccb',
  'brand-3': '#e9f4d0',
  'brand-4': '#e0dd9c',
  'brand-5': '#d2d062',
}

RGB Array

[129, 227, 197], [181, 236, 203], [233, 244, 208], [224, 221, 156], [210, 208, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #81E3C5, #B5ECCB, #E9F4D0, #E0DD9C, #D2D062 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: #81e3c5; --color-2: #b5eccb; --color-3: #e9f4d0; --color-4: #e0dd9c; --color-5: #d2d062. 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