#E6EBE4 + #DBE0CE + #B6E948 + #B5C68B + #A597A0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6EBE4

Celadon · Beige · Mint Green

HEX

#E6EBE4

RGB

rgb(230, 235, 228)

HSL

hsl(103, 15%, 91%)

HSB

hsb(103, 3%, 92%)

CMYK

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

Oklch

oklch(93.4% 0.011 136.6)

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

#DBE0CE

Willow Green · LightGray · Mint Green

HEX

#DBE0CE

RGB

rgb(219, 224, 206)

HSL

hsl(77, 22%, 84%)

HSB

hsb(77, 8%, 88%)

CMYK

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

Oklch

oklch(89.8% 0.025 119.5)

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

#B6E948

Grass Green · GreenYellow · Olive Green

HEX

#B6E948

RGB

rgb(182, 233, 72)

HSL

hsl(79, 79%, 60%)

HSB

hsb(79, 69%, 91%)

CMYK

cmyk(22%, 0%, 69%, 9%)

Oklch

oklch(86.9% 0.191 125.5)

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

#B5C68B

Willow Green · Tan · Apple Green

HEX

#B5C68B

RGB

rgb(181, 198, 139)

HSL

hsl(77, 34%, 66%)

HSB

hsb(77, 30%, 78%)

CMYK

cmyk(9%, 0%, 30%, 22%)

Oklch

oklch(79.9% 0.081 121.3)

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

#A597A0

Ash · DarkGray · Silver Sand

HEX

#A597A0

RGB

rgb(165, 151, 160)

HSL

hsl(321, 7%, 62%)

HSB

hsb(321, 8%, 65%)

CMYK

cmyk(0%, 8%, 3%, 35%)

Oklch

oklch(69.1% 0.021 338.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6EBE4

EAE5EB

Analogous

EAEBE5

E6EBE4

E5EBE6

Triadic

E6EBE4

E5E7EB

EBE5E7

Split-Comp.

E6EBE4

E6E5EB

EBE5EA

Tetradic

E6EBE4

E5EAEB

EAE5EB

EBE6E5

Contrast Matrix WCAG 2.1 Contrast

E6EBE4	DBE0CE	B6E948	B5C68B	A597A0
—	1.1 Fail	1.2 Fail	1.5 Fail	2.3 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	2.1 Fail
1.2 Fail	1.1 Fail	—	1.3 Fail	2.0 Fail
1.5 Fail	1.4 Fail	1.3 Fail	—	1.5 Fail
2.3 Fail	2.1 Fail	2.0 Fail	1.5 Fail	—

White BG

1.2Fail

1.3Fail

1.4Fail

1.8Fail

2.8Fail

Black BG

17.4AAA

15.6AAA

14.7AAA

11.4AAA

7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8E6

DDDDD2

CCCD6F

BCBD99

9F9F9E

Deuteranopia

E8E8E6

DDDDD3

C9C578

BBBA9D

A0A19D

Tritanopia

E6E7E7

DBD6D7

B98E94

B6A5A7

A49C9C

Achromatopsia

E9E9E9

DCDCDC

C7C7C7

BABABA

9C9C9C

Shades & Tints Shades & Tints

#E6EBE4

Dark

Light

#DBE0CE

Dark

Light

#B6E948

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ebe4;
  --color-2: #dbe0ce;
  --color-3: #b6e948;
  --color-4: #b5c68b;
  --color-5: #a597a0;
}

SCSS

$color-1: #e6ebe4;
$color-2: #dbe0ce;
$color-3: #b6e948;
$color-4: #b5c68b;
$color-5: #a597a0;

TAILWIND

colors: {
  'brand-1': '#e6ebe4',
  'brand-2': '#dbe0ce',
  'brand-3': '#b6e948',
  'brand-4': '#b5c68b',
  'brand-5': '#a597a0',
}

RGB Array

[230, 235, 228], [219, 224, 206], [182, 233, 72], [181, 198, 139], [165, 151, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6EBE4, #DBE0CE, #B6E948, #B5C68B, #A597A0 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: #e6ebe4; --color-2: #dbe0ce; --color-3: #b6e948; --color-4: #b5c68b; --color-5: #a597a0. 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