← Back to Editor

#182023 · #95907D · #849D97 · #DAE6E1 · #EAE6E3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#182023

Slate Blue · Black · Peacock Green

HEX
#182023
RGB
rgb(24, 32, 35)
HSL
hsl(196, 19%, 12%)
HSB
hsb(196, 31%, 14%)
CMYK
cmyk(31%, 9%, 0%, 86%)
Oklch
oklch(23.7% 0.013 222.7)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#95907D

Ginger · Gray · Sunflower

HEX
#95907D
RGB
rgb(149, 144, 125)
HSL
hsl(47, 10%, 54%)
HSB
hsb(47, 16%, 58%)
CMYK
cmyk(0%, 3%, 16%, 42%)
Oklch
oklch(65.2% 0.028 94.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#849D97

Mineral Blue · LightSlateGray · Lake Green

HEX
#849D97
RGB
rgb(132, 157, 151)
HSL
hsl(166, 11%, 57%)
HSB
hsb(166, 16%, 62%)
CMYK
cmyk(16%, 0%, 4%, 38%)
Oklch
oklch(67.5% 0.029 179.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#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

#EAE6E3

Apricot · Linen · Peach Orange

HEX
#EAE6E3
RGB
rgb(234, 230, 227)
HSL
hsl(26, 14%, 90%)
HSB
hsb(26, 3%, 92%)
CMYK
cmyk(0%, 2%, 3%, 8%)
Oklch
oklch(92.7% 0.006 59.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

182023
241C19

Analogous

192422
182023
191B24

Triadic

182023
241921
212419

Split-Comp.

182023
24191B
242219

Tetradic

182023
221924
241C19
1B2419

Contrast Matrix WCAG 2.1 Contrast

182023
95907D
849D97
DAE6E1
EAE6E3
—
5.2
AA
5.7
AA
12.9
AAA
13.3
AAA
5.2
AA
—
1.1
Fail
2.5
Fail
2.6
Fail
5.7
AA
1.1
Fail
—
2.3
Fail
2.3
Fail
12.9
AAA
2.5
Fail
2.3
Fail
—
1.0
Fail
13.3
AAA
2.6
Fail
2.3
Fail
1.0
Fail
—
White BG
16.5AAA
3.2AA Large
2.9Fail
1.3Fail
1.2Fail
Black BG
1.3Fail
6.6AA
7.3AAA
16.4AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1C22
939382
8F8F98
DFDFE2
E8E8E4

Deuteranopia

1B1A22
939483
8D8C99
DFDEE3
E9E9E4

Tritanopia

182222
958586
859A9A
DBE3E3
EAE4E4

Achromatopsia

1E1E1E
8F8F8F
959595
E2E2E2
E7E7E7

Shades & Tints Shades & Tints

#182023

Dark
Light

#95907D

Dark
Light

#849D97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #182023;
  --color-2: #95907d;
  --color-3: #849d97;
  --color-4: #dae6e1;
  --color-5: #eae6e3;
}

SCSS

$color-1: #182023;
$color-2: #95907d;
$color-3: #849d97;
$color-4: #dae6e1;
$color-5: #eae6e3;

TAILWIND

colors: {
  'brand-1': '#182023',
  'brand-2': '#95907d',
  'brand-3': '#849d97',
  'brand-4': '#dae6e1',
  'brand-5': '#eae6e3',
}

RGB Array

[24, 32, 35], [149, 144, 125], [132, 157, 151], [218, 230, 225], [234, 230, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #182023, #95907D, #849D97, #DAE6E1, #EAE6E3 is ideal for: brand design, premium product pages, magazine layouts, 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: #182023; --color-2: #95907d; --color-3: #849d97; --color-4: #dae6e1; --color-5: #eae6e3. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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