← Back to Editor

#4E383D · #96B5A6 · #95E8D2 · #CBE6DB · #CDC7D1

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

#4E383D

Crimson · DarkSlateGray · Wine Red

HEX
#4E383D
RGB
rgb(78, 56, 61)
HSL
hsl(346, 16%, 26%)
HSB
hsb(346, 28%, 31%)
CMYK
cmyk(0%, 28%, 22%, 69%)
Oklch
oklch(36.7% 0.032 3.7)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#96B5A6

Jade · DarkGray · Apple Green

HEX
#96B5A6
RGB
rgb(150, 181, 166)
HSL
hsl(151, 17%, 65%)
HSB
hsb(151, 17%, 71%)
CMYK
cmyk(17%, 0%, 8%, 29%)
Oklch
oklch(74.6% 0.040 164.5)

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

#95E8D2

Jade · LightBlue · Lake Green

HEX
#95E8D2
RGB
rgb(149, 232, 210)
HSL
hsl(164, 64%, 75%)
HSB
hsb(164, 36%, 91%)
CMYK
cmyk(36%, 0%, 9%, 9%)
Oklch
oklch(87.2% 0.087 175.5)

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

#CBE6DB

Jade · LightGray · Mint Green

HEX
#CBE6DB
RGB
rgb(203, 230, 219)
HSL
hsl(156, 35%, 85%)
HSB
hsb(156, 12%, 90%)
CMYK
cmyk(12%, 0%, 5%, 10%)
Oklch
oklch(90.2% 0.032 169.1)

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

#CDC7D1

Lilac · LightGray · Lilac Purple

HEX
#CDC7D1
RGB
rgb(205, 199, 209)
HSL
hsl(276, 10%, 80%)
HSB
hsb(276, 5%, 82%)
CMYK
cmyk(2%, 5%, 0%, 18%)
Oklch
oklch(83.7% 0.015 312.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E383D
384D48

Analogous

4D3847
4E383D
4D3D38

Triadic

4E383D
3D4D38
383D4D

Split-Comp.

4E383D
384D3D
38474D

Tetradic

4E383D
474D38
384D48
3D384D

Contrast Matrix WCAG 2.1 Contrast

4E383D
96B5A6
95E8D2
CBE6DB
CDC7D1
—
4.8
AA
7.5
AAA
8.1
AAA
6.5
AA
4.8
AA
—
1.6
Fail
1.7
Fail
1.3
Fail
7.5
AAA
1.6
Fail
—
1.1
Fail
1.2
Fail
8.1
AAA
1.7
Fail
1.1
Fail
—
1.3
Fail
6.5
AA
1.3
Fail
1.2
Fail
1.3
Fail
—
White BG
10.7AAA
2.2Fail
1.4Fail
1.3Fail
1.7Fail
Black BG
2.0Fail
9.5AAA
14.8AAA
15.9AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

44443C
A3A4AA
B9BAD7
D7D7DE
CACACF

Deuteranopia

46473C
A29FAB
B4AED9
D5D3DE
CBCBCE

Tritanopia

4D3B3B
98ACAD
99DCDC
CCE0E0
CDCDCC

Achromatopsia

3F3F3F
AAAAAA
CDCDCD
DDDDDD
CACACA

Shades & Tints Shades & Tints

#4E383D

Dark
Light

#96B5A6

Dark
Light

#95E8D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e383d;
  --color-2: #96b5a6;
  --color-3: #95e8d2;
  --color-4: #cbe6db;
  --color-5: #cdc7d1;
}

SCSS

$color-1: #4e383d;
$color-2: #96b5a6;
$color-3: #95e8d2;
$color-4: #cbe6db;
$color-5: #cdc7d1;

TAILWIND

colors: {
  'brand-1': '#4e383d',
  'brand-2': '#96b5a6',
  'brand-3': '#95e8d2',
  'brand-4': '#cbe6db',
  'brand-5': '#cdc7d1',
}

RGB Array

[78, 56, 61], [150, 181, 166], [149, 232, 210], [203, 230, 219], [205, 199, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E383D, #96B5A6, #95E8D2, #CBE6DB, #CDC7D1 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: #4e383d; --color-2: #96b5a6; --color-3: #95e8d2; --color-4: #cbe6db; --color-5: #cdc7d1. 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