#85C5B3 + #ACCCA7 + #D8E9B9 + #C6DB5E + #B1CF36 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#85C5B3

Jade · MediumAquaMarine · Lake Green

HEX

#85C5B3

RGB

rgb(133, 197, 179)

HSL

hsl(163, 36%, 65%)

HSB

hsb(163, 32%, 77%)

CMYK

cmyk(32%, 0%, 9%, 23%)

Oklch

oklch(77.5% 0.071 174.8)

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

#ACCCA7

Celadon · Silver · Apple Green

HEX

#ACCCA7

RGB

rgb(172, 204, 167)

HSL

hsl(112, 27%, 73%)

HSB

hsb(112, 18%, 80%)

CMYK

cmyk(16%, 0%, 18%, 20%)

Oklch

oklch(81.2% 0.062 141.3)

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

#D8E9B9

Willow Green · Wheat · Mint Green

HEX

#D8E9B9

RGB

rgb(216, 233, 185)

HSL

hsl(81, 52%, 82%)

HSB

hsb(81, 21%, 91%)

CMYK

cmyk(7%, 0%, 21%, 9%)

Oklch

oklch(90.9% 0.066 123.6)

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

#C6DB5E

Willow Green · BurlyWood · Apple Green

HEX

#C6DB5E

RGB

rgb(198, 219, 94)

HSL

hsl(70, 63%, 61%)

HSB

hsb(70, 57%, 86%)

CMYK

cmyk(10%, 0%, 57%, 14%)

Oklch

oklch(85.1% 0.152 117.7)

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

#B1CF36

Grass Green · GreenYellow · Olive Green

HEX

#B1CF36

RGB

rgb(177, 207, 54)

HSL

hsl(72, 61%, 51%)

HSB

hsb(72, 74%, 81%)

CMYK

cmyk(14%, 0%, 74%, 19%)

Oklch

oklch(80.5% 0.174 120.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85C5B3

C68698

Analogous

86C694

85C5B3

86B8C6

Triadic

85C5B3

B486C6

C6B486

Split-Comp.

85C5B3

C686B8

C69486

Tetradic

85C5B3

9486C6

C68698

B8C686

Contrast Matrix WCAG 2.1 Contrast

85C5B3	ACCCA7	D8E9B9	C6DB5E	B1CF36
—	1.1 Fail	1.5 Fail	1.3 Fail	1.1 Fail
1.1 Fail	—	1.4 Fail	1.1 Fail	1.0 Fail
1.5 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
1.3 Fail	1.1 Fail	1.2 Fail	—	1.2 Fail
1.1 Fail	1.0 Fail	1.4 Fail	1.2 Fail	—

White BG

2.0Fail

1.8Fail

1.3Fail

1.5Fail

1.8Fail

Black BG

10.6AAA

11.9AAA

16.3AAA

13.7AAA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A1B7

BABAB0

DFE0C5

CFCF7C

BEBE5B

Deuteranopia

9D98B8

B8B6B2

DEDDC7

CECC84

BCBA64

Tritanopia

88BBBC

AEB7B9

D9CED0

C79499

B3787F

Achromatopsia

B0B0B0

BEBEBE

DEDEDE

C6C6C6

B5B5B5

Shades & Tints Shades & Tints

#85C5B3

Dark

Light

#ACCCA7

Dark

Light

#D8E9B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85c5b3;
  --color-2: #accca7;
  --color-3: #d8e9b9;
  --color-4: #c6db5e;
  --color-5: #b1cf36;
}

SCSS

$color-1: #85c5b3;
$color-2: #accca7;
$color-3: #d8e9b9;
$color-4: #c6db5e;
$color-5: #b1cf36;

TAILWIND

colors: {
  'brand-1': '#85c5b3',
  'brand-2': '#accca7',
  'brand-3': '#d8e9b9',
  'brand-4': '#c6db5e',
  'brand-5': '#b1cf36',
}

RGB Array

[133, 197, 179], [172, 204, 167], [216, 233, 185], [198, 219, 94], [177, 207, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85C5B3, #ACCCA7, #D8E9B9, #C6DB5E, #B1CF36 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: #85c5b3; --color-2: #accca7; --color-3: #d8e9b9; --color-4: #c6db5e; --color-5: #b1cf36. 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