#E6E8D2 + #D3D8BA + #B1CAA3 + #85C0A4 + #A2CFB2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6E8D2

Fresh Green · Beige · Lemon Cream

HEX

#E6E8D2

RGB

rgb(230, 232, 210)

HSL

hsl(65, 32%, 87%)

HSB

hsb(65, 9%, 91%)

CMYK

cmyk(1%, 0%, 9%, 9%)

Oklch

oklch(92.4% 0.029 111.2)

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

#D3D8BA

Willow Green · LightGray · Apple Green

HEX

#D3D8BA

RGB

rgb(211, 216, 186)

HSL

hsl(70, 28%, 79%)

HSB

hsb(70, 14%, 85%)

CMYK

cmyk(2%, 0%, 14%, 15%)

Oklch

oklch(87.0% 0.041 114.9)

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

#B1CAA3

Celadon · Silver · Apple Green

HEX

#B1CAA3

RGB

rgb(177, 202, 163)

HSL

hsl(98, 27%, 72%)

HSB

hsb(98, 19%, 79%)

CMYK

cmyk(12%, 0%, 19%, 21%)

Oklch

oklch(81.0% 0.060 134.4)

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

#85C0A4

Jade · DarkSeaGreen · Apple Green

HEX

#85C0A4

RGB

rgb(133, 192, 164)

HSL

hsl(152, 32%, 64%)

HSB

hsb(152, 31%, 75%)

CMYK

cmyk(31%, 0%, 15%, 25%)

Oklch

oklch(75.9% 0.073 163.5)

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

#A2CFB2

Celadon · Silver · Apple Green

HEX

#A2CFB2

RGB

rgb(162, 207, 178)

HSL

hsl(141, 32%, 72%)

HSB

hsb(141, 22%, 81%)

CMYK

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

Oklch

oklch(81.4% 0.062 156.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E8D2

D5D3E8

Analogous

E8E0D3

E6E8D2

DCE8D3

Triadic

E6E8D2

D3E7E8

E8D3E7

Split-Comp.

E6E8D2

D3DCE8

E0D3E8

Tetradic

E6E8D2

D3E8E0

D5D3E8

E8D3DC

Contrast Matrix WCAG 2.1 Contrast

E6E8D2	D3D8BA	B1CAA3	85C0A4	A2CFB2
—	1.2 Fail	1.4 Fail	1.7 Fail	1.4 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.2 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.0 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.4 Fail	1.2 Fail	1.0 Fail	1.2 Fail	—

White BG

1.2Fail

1.5Fail

1.8Fail

2.1Fail

1.7Fail

Black BG

16.8AAA

14.3AAA

11.8AAA

10.1AAA

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7D7

D5D5C1

BCBCAC

9F9FAB

B5B6B9

Deuteranopia

E7E7D9

D5D5C3

BAB9AF

9B97AC

B3B0BB

Tritanopia

E6DCDC

D3C7C8

B2B4B6

88B0B1

A4BFC0

Achromatopsia

E5E5E5

D3D3D3

BEBEBE

ABABAB

BEBEBE

Shades & Tints Shades & Tints

#E6E8D2

Dark

Light

#D3D8BA

Dark

Light

#B1CAA3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e8d2;
  --color-2: #d3d8ba;
  --color-3: #b1caa3;
  --color-4: #85c0a4;
  --color-5: #a2cfb2;
}

SCSS

$color-1: #e6e8d2;
$color-2: #d3d8ba;
$color-3: #b1caa3;
$color-4: #85c0a4;
$color-5: #a2cfb2;

TAILWIND

colors: {
  'brand-1': '#e6e8d2',
  'brand-2': '#d3d8ba',
  'brand-3': '#b1caa3',
  'brand-4': '#85c0a4',
  'brand-5': '#a2cfb2',
}

RGB Array

[230, 232, 210], [211, 216, 186], [177, 202, 163], [133, 192, 164], [162, 207, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6E8D2, #D3D8BA, #B1CAA3, #85C0A4, #A2CFB2 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: #e6e8d2; --color-2: #d3d8ba; --color-3: #b1caa3; --color-4: #85c0a4; --color-5: #a2cfb2. 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