← Back to Editor

#E5E2E4 · #B1B4D6 · #A3A3A8 · #92928D · #EEE7EB

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

#E5E2E4

Plain White · Lavender · Cloud White

HEX
#E5E2E4
RGB
rgb(229, 226, 228)
HSL
hsl(320, 5%, 89%)
HSB
hsb(320, 1%, 90%)
CMYK
cmyk(0%, 1%, 0%, 10%)
Oklch
oklch(91.6% 0.004 337.4)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#B1B4D6

Azure · LightSteelBlue · Cobalt Blue

HEX
#B1B4D6
RGB
rgb(177, 180, 214)
HSL
hsl(235, 31%, 77%)
HSB
hsb(235, 17%, 84%)
CMYK
cmyk(17%, 16%, 0%, 16%)
Oklch
oklch(77.9% 0.048 281.2)

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

#A3A3A8

Ash · DarkGray · Silver Sand

HEX
#A3A3A8
RGB
rgb(163, 163, 168)
HSL
hsl(240, 3%, 65%)
HSB
hsb(240, 3%, 66%)
CMYK
cmyk(3%, 3%, 0%, 34%)
Oklch
oklch(71.7% 0.007 286.2)

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

#92928D

Ash · Gray · Silver Sand

HEX
#92928D
RGB
rgb(146, 146, 141)
HSL
hsl(60, 2%, 56%)
HSB
hsb(60, 3%, 57%)
CMYK
cmyk(0%, 0%, 3%, 43%)
Oklch
oklch(65.8% 0.007 106.6)

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

#EEE7EB

Mauve · Linen · Cherry Blossom

HEX
#EEE7EB
RGB
rgb(238, 231, 235)
HSL
hsl(326, 17%, 92%)
HSB
hsb(326, 3%, 93%)
CMYK
cmyk(0%, 3%, 1%, 7%)
Oklch
oklch(93.5% 0.009 341.8)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E2E4
E2E4E2

Analogous

E4E2E4
E5E2E4
E4E2E2

Triadic

E5E2E4
E3E4E2
E2E3E4

Split-Comp.

E5E2E4
E2E4E2
E2E4E4

Tetradic

E5E2E4
E4E4E2
E2E4E2
E2E2E4

Contrast Matrix WCAG 2.1 Contrast

E5E2E4
B1B4D6
A3A3A8
92928D
EEE7EB
—
1.6
Fail
2.0
Fail
2.4
Fail
1.1
Fail
1.6
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
2.0
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
2.6
Fail
1.1
Fail
1.7
Fail
2.1
Fail
2.6
Fail
—
White BG
1.3Fail
2.0Fail
2.5Fail
3.1AA Large
1.2Fail
Black BG
16.3AAA
10.4AAA
8.4AAA
6.7AA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4E4
B2B2CE
A3A3A7
92928E
EBEBEA

Deuteranopia

E4E4E3
B2B2CC
A3A3A7
92928F
EBECEA

Tritanopia

E5E3E3
B1C7C6
A3A6A6
928F8F
EEE9E9

Achromatopsia

E3E3E3
B7B7B7
A4A4A4
919191
EAEAEA

Shades & Tints Shades & Tints

#E5E2E4

Dark
Light

#B1B4D6

Dark
Light

#A3A3A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e2e4;
  --color-2: #b1b4d6;
  --color-3: #a3a3a8;
  --color-4: #92928d;
  --color-5: #eee7eb;
}

SCSS

$color-1: #e5e2e4;
$color-2: #b1b4d6;
$color-3: #a3a3a8;
$color-4: #92928d;
$color-5: #eee7eb;

TAILWIND

colors: {
  'brand-1': '#e5e2e4',
  'brand-2': '#b1b4d6',
  'brand-3': '#a3a3a8',
  'brand-4': '#92928d',
  'brand-5': '#eee7eb',
}

RGB Array

[229, 226, 228], [177, 180, 214], [163, 163, 168], [146, 146, 141], [238, 231, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5E2E4, #B1B4D6, #A3A3A8, #92928D, #EEE7EB 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: #e5e2e4; --color-2: #b1b4d6; --color-3: #a3a3a8; --color-4: #92928d; --color-5: #eee7eb. 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