← Back to Editor

#E3DED7 · #9FD6C1 · #88B0B9 · #899184 · #A8A7A6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3DED7

Goose Yellow · LightGray · Peach Orange

HEX
#E3DED7
RGB
rgb(227, 222, 215)
HSL
hsl(35, 18%, 87%)
HSB
hsb(35, 5%, 89%)
CMYK
cmyk(0%, 2%, 5%, 11%)
Oklch
oklch(90.3% 0.011 76.6)

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

#9FD6C1

Jade · LightSteelBlue · Apple Green

HEX
#9FD6C1
RGB
rgb(159, 214, 193)
HSL
hsl(157, 40%, 73%)
HSB
hsb(157, 26%, 84%)
CMYK
cmyk(26%, 0%, 10%, 16%)
Oklch
oklch(83.2% 0.064 169.2)

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

#88B0B9

Sky Blue · DarkGray · Lake Green

HEX
#88B0B9
RGB
rgb(136, 176, 185)
HSL
hsl(191, 26%, 63%)
HSB
hsb(191, 26%, 73%)
CMYK
cmyk(26%, 5%, 0%, 27%)
Oklch
oklch(73.1% 0.045 213.0)

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

#899184

Ash · Gray · Warm Gray

HEX
#899184
RGB
rgb(137, 145, 132)
HSL
hsl(97, 6%, 54%)
HSB
hsb(97, 9%, 57%)
CMYK
cmyk(6%, 0%, 9%, 43%)
Oklch
oklch(64.6% 0.021 133.2)

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

#A8A7A6

Ash · DarkGray · Silver Sand

HEX
#A8A7A6
RGB
rgb(168, 167, 166)
HSL
hsl(30, 1%, 65%)
HSB
hsb(30, 1%, 66%)
CMYK
cmyk(0%, 1%, 1%, 34%)
Oklch
oklch(72.9% 0.002 67.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3DED7
D8DDE4

Analogous

E4D9D8
E3DED7
E3E4D8

Triadic

E3DED7
D8E4DF
DFD8E4

Split-Comp.

E3DED7
D8E3E4
D9D8E4

Tetradic

E3DED7
D8E4D9
D8DDE4
E4D8E3

Contrast Matrix WCAG 2.1 Contrast

E3DED7
9FD6C1
88B0B9
899184
A8A7A6
—
1.2
Fail
1.8
Fail
2.4
Fail
1.8
Fail
1.2
Fail
—
1.4
Fail
2.0
Fail
1.5
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.0
Fail
2.4
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.5
Fail
1.0
Fail
1.4
Fail
—
White BG
1.3Fail
1.6Fail
2.3Fail
3.3AA Large
2.4Fail
Black BG
15.7AAA
12.9AAA
9.0AAA
6.4AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1D9
B7B7C6
999AB7
8C8D87
A8A8A6

Deuteranopia

E1E1D9
B4B0C7
9794B6
8C8B88
A8A8A6

Tritanopia

E3DADA
A2CACB
8AB5B5
898A8A
A8A6A6

Achromatopsia

DFDFDF
C3C3C3
A5A5A5
8D8D8D
A7A7A7

Shades & Tints Shades & Tints

#E3DED7

Dark
Light

#9FD6C1

Dark
Light

#88B0B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3ded7;
  --color-2: #9fd6c1;
  --color-3: #88b0b9;
  --color-4: #899184;
  --color-5: #a8a7a6;
}

SCSS

$color-1: #e3ded7;
$color-2: #9fd6c1;
$color-3: #88b0b9;
$color-4: #899184;
$color-5: #a8a7a6;

TAILWIND

colors: {
  'brand-1': '#e3ded7',
  'brand-2': '#9fd6c1',
  'brand-3': '#88b0b9',
  'brand-4': '#899184',
  'brand-5': '#a8a7a6',
}

RGB Array

[227, 222, 215], [159, 214, 193], [136, 176, 185], [137, 145, 132], [168, 167, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3DED7, #9FD6C1, #88B0B9, #899184, #A8A7A6 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: #e3ded7; --color-2: #9fd6c1; --color-3: #88b0b9; --color-4: #899184; --color-5: #a8a7a6. 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