#85A067 + #A8B76A + #B7C960 + #CED0AF + #E6EAD5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#85A067

Grass Green · Gray · Olive Green

HEX

#85A067

RGB

rgb(133, 160, 103)

HSL

hsl(88, 23%, 52%)

HSB

hsb(88, 36%, 63%)

CMYK

cmyk(17%, 0%, 36%, 37%)

Oklch

oklch(67.1% 0.085 129.1)

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

#A8B76A

Grass Green · DarkSeaGreen · Olive Green

HEX

#A8B76A

RGB

rgb(168, 183, 106)

HSL

hsl(72, 35%, 57%)

HSB

hsb(72, 42%, 72%)

CMYK

cmyk(8%, 0%, 42%, 28%)

Oklch

oklch(75.0% 0.103 118.0)

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

#B7C960

Grass Green · Tan · Olive Green

HEX

#B7C960

RGB

rgb(183, 201, 96)

HSL

hsl(70, 49%, 58%)

HSB

hsb(70, 52%, 79%)

CMYK

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

Oklch

oklch(80.0% 0.132 117.6)

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

#CED0AF

Fresh Green · Silver · Sunflower

HEX

#CED0AF

RGB

rgb(206, 208, 175)

HSL

hsl(64, 26%, 75%)

HSB

hsb(64, 16%, 82%)

CMYK

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

Oklch

oklch(84.7% 0.044 110.2)

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

#E6EAD5

Willow Green · Beige · Mint Green

HEX

#E6EAD5

RGB

rgb(230, 234, 213)

HSL

hsl(71, 33%, 88%)

HSB

hsb(71, 9%, 92%)

CMYK

cmyk(2%, 0%, 9%, 8%)

Oklch

oklch(92.8% 0.028 115.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85A067

8368A1

Analogous

A19F68

85A067

6AA168

Triadic

85A067

6886A1

A16886

Split-Comp.

85A067

686AA1

9F68A1

Tetradic

85A067

68A19F

8368A1

A1686A

Contrast Matrix WCAG 2.1 Contrast

85A067	A8B76A	B7C960	CED0AF	E6EAD5
—	1.3 Fail	1.6 Fail	1.8 Fail	2.4 Fail
1.3 Fail	—	1.2 Fail	1.4 Fail	1.8 Fail
1.6 Fail	1.2 Fail	—	1.1 Fail	1.5 Fail
1.8 Fail	1.4 Fail	1.1 Fail	—	1.3 Fail
2.4 Fail	1.8 Fail	1.5 Fail	1.3 Fail	—

White BG

2.9Fail

2.2Fail

1.8Fail

1.6Fail

1.2Fail

Black BG

7.2AAA

9.6AAA

11.5AAA

13.3AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

919175

AEAF7D

BFBF79

CFCFB7

E8E8DA

Deuteranopia

8F8D78

AEAD81

BEBC7F

CFCFB9

E8E7DB

Tritanopia

868082

A98B8F

B88D92

CEBDBF

E6DEDF

Achromatopsia

919191

AAAAAA

B8B8B8

CCCCCC

E6E6E6

Shades & Tints Shades & Tints

#85A067

Dark

Light

#A8B76A

Dark

Light

#B7C960

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85a067;
  --color-2: #a8b76a;
  --color-3: #b7c960;
  --color-4: #ced0af;
  --color-5: #e6ead5;
}

SCSS

$color-1: #85a067;
$color-2: #a8b76a;
$color-3: #b7c960;
$color-4: #ced0af;
$color-5: #e6ead5;

TAILWIND

colors: {
  'brand-1': '#85a067',
  'brand-2': '#a8b76a',
  'brand-3': '#b7c960',
  'brand-4': '#ced0af',
  'brand-5': '#e6ead5',
}

RGB Array

[133, 160, 103], [168, 183, 106], [183, 201, 96], [206, 208, 175], [230, 234, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85A067, #A8B76A, #B7C960, #CED0AF, #E6EAD5 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: #85a067; --color-2: #a8b76a; --color-3: #b7c960; --color-4: #ced0af; --color-5: #e6ead5. 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