← Back to Editor

#E9E8EB · #DAE6E1 · #B0DDCE · #9AABA4 · #938B99

space

A 5-color space 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

#E9E8EB

Plain White · Lavender · Cloud White

HEX
#E9E8EB
RGB
rgb(233, 232, 235)
HSL
hsl(260, 7%, 92%)
HSB
hsb(260, 1%, 92%)
CMYK
cmyk(1%, 1%, 0%, 8%)
Oklch
oklch(93.3% 0.004 301.4)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#DAE6E1

Jade · LightGray · Mint Green

HEX
#DAE6E1
RGB
rgb(218, 230, 225)
HSL
hsl(155, 19%, 88%)
HSB
hsb(155, 5%, 90%)
CMYK
cmyk(5%, 0%, 2%, 10%)
Oklch
oklch(91.4% 0.014 169.2)

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

#B0DDCE

Jade · LightBlue · Glacier Blue

HEX
#B0DDCE
RGB
rgb(176, 221, 206)
HSL
hsl(160, 40%, 78%)
HSB
hsb(160, 20%, 87%)
CMYK
cmyk(20%, 0%, 7%, 13%)
Oklch
oklch(86.1% 0.051 172.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#9AABA4

Jade · DarkGray · Silver Sand

HEX
#9AABA4
RGB
rgb(154, 171, 164)
HSL
hsl(155, 9%, 64%)
HSB
hsb(155, 10%, 67%)
CMYK
cmyk(10%, 0%, 4%, 33%)
Oklch
oklch(72.6% 0.021 169.1)

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

#938B99

Ash · LightSlateGray · Silver Sand

HEX
#938B99
RGB
rgb(147, 139, 153)
HSL
hsl(274, 6%, 57%)
HSB
hsb(274, 9%, 60%)
CMYK
cmyk(4%, 9%, 0%, 40%)
Oklch
oklch(64.8% 0.022 311.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9E8EB
EBECE9

Analogous

E9EAEC
E9E8EB
ECE9EC

Triadic

E9E8EB
ECEAE9
E9ECEA

Split-Comp.

E9E8EB
ECECE9
EAECE9

Tetradic

E9E8EB
ECE9EA
EBECE9
E9ECEC

Contrast Matrix WCAG 2.1 Contrast

E9E8EB
DAE6E1
B0DDCE
9AABA4
938B99
—
1.1
Fail
1.2
Fail
2.0
Fail
2.7
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
2.6
Fail
1.2
Fail
1.2
Fail
—
1.6
Fail
2.2
Fail
2.0
Fail
1.9
Fail
1.6
Fail
—
1.4
Fail
2.7
Fail
2.6
Fail
2.2
Fail
1.4
Fail
—
White BG
1.2Fail
1.3Fail
1.5Fail
2.4Fail
3.3AA Large
Black BG
17.2AAA
16.4AAA
14.1AAA
8.7AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9EA
DFDFE2
C3C4D2
A1A2A6
908F96

Deuteranopia

E9E9EA
DFDEE3
C1BED3
A09FA6
909195

Tritanopia

E9EAEA
DBE3E3
B2D4D5
9BA7A7
939392

Achromatopsia

E9E9E9
E2E2E2
CECECE
A5A5A5
8F8F8F

Shades & Tints Shades & Tints

#E9E8EB

Dark
Light

#DAE6E1

Dark
Light

#B0DDCE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9e8eb;
  --color-2: #dae6e1;
  --color-3: #b0ddce;
  --color-4: #9aaba4;
  --color-5: #938b99;
}

SCSS

$color-1: #e9e8eb;
$color-2: #dae6e1;
$color-3: #b0ddce;
$color-4: #9aaba4;
$color-5: #938b99;

TAILWIND

colors: {
  'brand-1': '#e9e8eb',
  'brand-2': '#dae6e1',
  'brand-3': '#b0ddce',
  'brand-4': '#9aaba4',
  'brand-5': '#938b99',
}

RGB Array

[233, 232, 235], [218, 230, 225], [176, 221, 206], [154, 171, 164], [147, 139, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E9E8EB, #DAE6E1, #B0DDCE, #9AABA4, #938B99 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: #e9e8eb; --color-2: #dae6e1; --color-3: #b0ddce; --color-4: #9aaba4; --color-5: #938b99. 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 space-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