← Back to Editor

#E4E6C9 · #EBDECD · #B5DBBD · #A2C0AD · #8E8889

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E4E6C9

Fresh Green · LightGray · Lemon Cream

HEX
#E4E6C9
RGB
rgb(228, 230, 201)
HSL
hsl(64, 37%, 85%)
HSB
hsb(64, 13%, 90%)
CMYK
cmyk(1%, 0%, 13%, 10%)
Oklch
oklch(91.6% 0.038 110.4)

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

#EBDECD

Goose Yellow · Bisque · Peach Orange

HEX
#EBDECD
RGB
rgb(235, 222, 205)
HSL
hsl(34, 43%, 86%)
HSB
hsb(34, 13%, 92%)
CMYK
cmyk(0%, 6%, 13%, 8%)
Oklch
oklch(90.6% 0.027 74.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B5DBBD

Celadon · Silver · Apple Green

HEX
#B5DBBD
RGB
rgb(181, 219, 189)
HSL
hsl(133, 35%, 78%)
HSB
hsb(133, 17%, 86%)
CMYK
cmyk(17%, 0%, 14%, 14%)
Oklch
oklch(85.6% 0.057 151.3)

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

#A2C0AD

Celadon · DarkGray · Apple Green

HEX
#A2C0AD
RGB
rgb(162, 192, 173)
HSL
hsl(142, 19%, 69%)
HSB
hsb(142, 16%, 75%)
CMYK
cmyk(16%, 0%, 10%, 25%)
Oklch
oklch(78.0% 0.042 157.5)

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

#8E8889

Ash · Gray · Warm Gray

HEX
#8E8889
RGB
rgb(142, 136, 137)
HSL
hsl(350, 3%, 55%)
HSB
hsb(350, 4%, 56%)
CMYK
cmyk(0%, 4%, 4%, 44%)
Oklch
oklch(63.2% 0.007 5.7)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4E6C9
CCCBE7

Analogous

E7DBCB
E4E6C9
D7E7CB

Triadic

E4E6C9
CBE5E7
E7CBE5

Split-Comp.

E4E6C9
CBD7E7
DBCBE7

Tetradic

E4E6C9
CBE7DB
CCCBE7
E7CBD7

Contrast Matrix WCAG 2.1 Contrast

E4E6C9
EBDECD
B5DBBD
A2C0AD
8E8889
—
1.0
Fail
1.2
Fail
1.5
Fail
2.7
Fail
1.0
Fail
—
1.1
Fail
1.5
Fail
2.6
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
2.3
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
1.8
Fail
2.7
Fail
2.6
Fail
2.3
Fail
1.8
Fail
—
White BG
1.3Fail
1.3Fail
1.5Fail
2.0Fail
3.5AA Large
Black BG
16.5AAA
15.9AAA
13.8AAA
10.7AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5D0
E5E5D1
C5C6C4
AFAFB2
8B8B89

Deuteranopia

E5E5D2
E6E7D2
C3C0C6
ADABB3
8C8C89

Tritanopia

E4D6D7
EAD4D5
B7CACB
A4B5B6
8E8989

Achromatopsia

E2E2E2
E0E0E0
CCCCCC
B5B5B5
8A8A8A

Shades & Tints Shades & Tints

#E4E6C9

Dark
Light

#EBDECD

Dark
Light

#B5DBBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4e6c9;
  --color-2: #ebdecd;
  --color-3: #b5dbbd;
  --color-4: #a2c0ad;
  --color-5: #8e8889;
}

SCSS

$color-1: #e4e6c9;
$color-2: #ebdecd;
$color-3: #b5dbbd;
$color-4: #a2c0ad;
$color-5: #8e8889;

TAILWIND

colors: {
  'brand-1': '#e4e6c9',
  'brand-2': '#ebdecd',
  'brand-3': '#b5dbbd',
  'brand-4': '#a2c0ad',
  'brand-5': '#8e8889',
}

RGB Array

[228, 230, 201], [235, 222, 205], [181, 219, 189], [162, 192, 173], [142, 136, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4E6C9, #EBDECD, #B5DBBD, #A2C0AD, #8E8889 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e4e6c9; --color-2: #ebdecd; --color-3: #b5dbbd; --color-4: #a2c0ad; --color-5: #8e8889. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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