← Back to Editor

#929394 · #565F6A · #C9D4D4 · #E9E9E9 · #F5E9F7

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

WorkspaceReadingData Visualization

Color Details Color Details

#929394

Ash · LightSlateGray · Silver Sand

HEX
#929394
RGB
rgb(146, 147, 148)
HSL
hsl(210, 1%, 58%)
HSB
hsb(210, 1%, 58%)
CMYK
cmyk(1%, 1%, 0%, 42%)
Oklch
oklch(66.3% 0.002 247.9)

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

#565F6A

Indigo · DimGray · Prussian Blue

HEX
#565F6A
RGB
rgb(86, 95, 106)
HSL
hsl(213, 10%, 38%)
HSB
hsb(213, 19%, 42%)
CMYK
cmyk(19%, 10%, 0%, 58%)
Oklch
oklch(48.2% 0.021 253.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#C9D4D4

Sky Blue · LightGray · Glacier Blue

HEX
#C9D4D4
RGB
rgb(201, 212, 212)
HSL
hsl(180, 11%, 81%)
HSB
hsb(180, 5%, 83%)
CMYK
cmyk(5%, 0%, 0%, 17%)
Oklch
oklch(86.2% 0.012 196.9)

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

#E9E9E9

Plain White · Lavender · Cloud White

HEX
#E9E9E9
RGB
rgb(233, 233, 233)
HSL
hsl(0, 0%, 91%)
HSB
hsb(0, 0%, 91%)
CMYK
cmyk(0%, 0%, 0%, 9%)
Oklch
oklch(93.4% 0.000 89.9)

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

#F5E9F7

Lilac · Lavender · Lavender

HEX
#F5E9F7
RGB
rgb(245, 233, 247)
HSL
hsl(291, 47%, 94%)
HSB
hsb(291, 6%, 97%)
CMYK
cmyk(1%, 6%, 0%, 3%)
Oklch
oklch(94.8% 0.023 321.3)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

929394
959493

Analogous

939595
929394
939395

Triadic

929394
959394
949593

Split-Comp.

929394
959393
959593

Tetradic

929394
959395
959493
939593

Contrast Matrix WCAG 2.1 Contrast

929394
565F6A
C9D4D4
E9E9E9
F5E9F7
—
2.1
Fail
2.0
Fail
2.5
Fail
2.6
Fail
2.1
Fail
—
4.3
AA Large
5.3
AA
5.5
AA
2.0
Fail
4.3
AA Large
—
1.2
Fail
1.3
Fail
2.5
Fail
5.3
AA
1.2
Fail
—
1.0
Fail
2.6
Fail
5.5
AA
1.3
Fail
1.0
Fail
—
White BG
3.1AA Large
6.5AA
1.5Fail
1.2Fail
1.2Fail
Black BG
6.8AA
3.2AA Large
13.9AAA
17.3AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929294
5A5A67
CECED4
E9E9E9
F0F0F4

Deuteranopia

929294
595967
CDCCD4
E9E9E9
F1F1F3

Tritanopia

929494
566565
CAD4D4
E9E9E9
F4F1F0

Achromatopsia

939393
5E5E5E
D1D1D1
E9E9E9
EEEEEE

Shades & Tints Shades & Tints

#929394

Dark
Light

#565F6A

Dark
Light

#C9D4D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #929394;
  --color-2: #565f6a;
  --color-3: #c9d4d4;
  --color-4: #e9e9e9;
  --color-5: #f5e9f7;
}

SCSS

$color-1: #929394;
$color-2: #565f6a;
$color-3: #c9d4d4;
$color-4: #e9e9e9;
$color-5: #f5e9f7;

TAILWIND

colors: {
  'brand-1': '#929394',
  'brand-2': '#565f6a',
  'brand-3': '#c9d4d4',
  'brand-4': '#e9e9e9',
  'brand-5': '#f5e9f7',
}

RGB Array

[146, 147, 148], [86, 95, 106], [201, 212, 212], [233, 233, 233], [245, 233, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #929394, #565F6A, #C9D4D4, #E9E9E9, #F5E9F7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #929394; --color-2: #565f6a; --color-3: #c9d4d4; --color-4: #e9e9e9; --color-5: #f5e9f7. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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