← Back to Editor

#E3EAD5 · #D6D8C8 · #C0CEC8 · #9EC3C8 · #9AA0AD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3EAD5

Willow Green · Beige · Mint Green

HEX
#E3EAD5
RGB
rgb(227, 234, 213)
HSL
hsl(80, 33%, 88%)
HSB
hsb(80, 9%, 92%)
CMYK
cmyk(3%, 0%, 9%, 8%)
Oklch
oklch(92.6% 0.029 122.0)

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

#D6D8C8

Fresh Green · LightGray · Lemon Cream

HEX
#D6D8C8
RGB
rgb(214, 216, 200)
HSL
hsl(67, 17%, 82%)
HSB
hsb(67, 7%, 85%)
CMYK
cmyk(1%, 0%, 7%, 15%)
Oklch
oklch(87.6% 0.022 112.6)

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

#C0CEC8

Jade · Silver · Apple Green

HEX
#C0CEC8
RGB
rgb(192, 206, 200)
HSL
hsl(154, 13%, 78%)
HSB
hsb(154, 7%, 81%)
CMYK
cmyk(7%, 0%, 3%, 19%)
Oklch
oklch(83.9% 0.017 168.4)

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

#9EC3C8

Sky Blue · LightSteelBlue · Lake Green

HEX
#9EC3C8
RGB
rgb(158, 195, 200)
HSL
hsl(187, 28%, 70%)
HSB
hsb(187, 21%, 78%)
CMYK
cmyk(21%, 3%, 0%, 22%)
Oklch
oklch(79.2% 0.040 206.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#9AA0AD

Azure · DarkGray · Cobalt Blue

HEX
#9AA0AD
RGB
rgb(154, 160, 173)
HSL
hsl(221, 10%, 64%)
HSB
hsb(221, 11%, 68%)
CMYK
cmyk(11%, 8%, 0%, 32%)
Oklch
oklch(70.5% 0.020 265.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3EAD5
DDD6EA

Analogous

EAE7D6
E3EAD5
DAEAD6

Triadic

E3EAD5
D6E4EA
EAD6E4

Split-Comp.

E3EAD5
D6DAEA
E7D6EA

Tetradic

E3EAD5
D6EAE7
DDD6EA
EAD6DA

Contrast Matrix WCAG 2.1 Contrast

E3EAD5
D6D8C8
C0CEC8
9EC3C8
9AA0AD
—
1.2
Fail
1.3
Fail
1.5
Fail
2.1
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.8
Fail
1.6
Fail
1.4
Fail
—
White BG
1.2Fail
1.4Fail
1.6Fail
1.9Fail
2.6Fail
Black BG
17.0AAA
14.5AAA
12.9AAA
11.1AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6DA
D7D7CC
C6C6C9
AEAEC7
9D9DAA

Deuteranopia

E6E5DB
D7D7CD
C5C4CA
ACA9C7
9C9CA9

Tritanopia

E3DEDF
D6CFD0
C1CBCB
A0C6C6
9AA7A7

Achromatopsia

E6E6E6
D6D6D6
C9C9C9
B9B9B9
A0A0A0

Shades & Tints Shades & Tints

#E3EAD5

Dark
Light

#D6D8C8

Dark
Light

#C0CEC8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3ead5;
  --color-2: #d6d8c8;
  --color-3: #c0cec8;
  --color-4: #9ec3c8;
  --color-5: #9aa0ad;
}

SCSS

$color-1: #e3ead5;
$color-2: #d6d8c8;
$color-3: #c0cec8;
$color-4: #9ec3c8;
$color-5: #9aa0ad;

TAILWIND

colors: {
  'brand-1': '#e3ead5',
  'brand-2': '#d6d8c8',
  'brand-3': '#c0cec8',
  'brand-4': '#9ec3c8',
  'brand-5': '#9aa0ad',
}

RGB Array

[227, 234, 213], [214, 216, 200], [192, 206, 200], [158, 195, 200], [154, 160, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3EAD5, #D6D8C8, #C0CEC8, #9EC3C8, #9AA0AD 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: #e3ead5; --color-2: #d6d8c8; --color-3: #c0cec8; --color-4: #9ec3c8; --color-5: #9aa0ad. 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