← Back to Editor

#000000 · #383636 · #968C8C · #E6DCDC · #F79C9C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#383636

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#383636
RGB
rgb(56, 54, 54)
HSL
hsl(0, 2%, 22%)
HSB
hsb(0, 4%, 22%)
CMYK
cmyk(0%, 4%, 4%, 78%)
Oklch
oklch(33.5% 0.003 17.3)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#968C8C

Ash · Gray · Silver Sand

HEX
#968C8C
RGB
rgb(150, 140, 140)
HSL
hsl(0, 5%, 57%)
HSB
hsb(0, 7%, 59%)
CMYK
cmyk(0%, 7%, 7%, 41%)
Oklch
oklch(64.9% 0.012 17.5)

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

#E6DCDC

Peach Pink · LightGray · Cherry Blossom

HEX
#E6DCDC
RGB
rgb(230, 220, 220)
HSL
hsl(0, 17%, 88%)
HSB
hsb(0, 4%, 90%)
CMYK
cmyk(0%, 4%, 4%, 10%)
Oklch
oklch(90.2% 0.011 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F79C9C

Peach Pink · LightSalmon · Coral Red

HEX
#F79C9C
RGB
rgb(247, 156, 156)
HSL
hsl(0, 85%, 79%)
HSB
hsb(0, 37%, 97%)
CMYK
cmyk(0%, 37%, 37%, 3%)
Oklch
oklch(78.5% 0.109 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000000
000000

Analogous

000000
000000
000000

Triadic

000000
000000
000000

Split-Comp.

000000
000000
000000

Tetradic

000000
000000
000000
000000

Contrast Matrix WCAG 2.1 Contrast

000000
383636
968C8C
E6DCDC
F79C9C
—
1.7
Fail
6.4
AA
15.6
AAA
10.2
AAA
1.7
Fail
—
3.7
AA Large
8.9
AAA
5.8
AA
6.4
AA
3.7
AA Large
—
2.4
Fail
1.6
Fail
15.6
AAA
8.9
AAA
2.4
Fail
—
1.5
Fail
10.2
AAA
5.8
AA
1.6
Fail
1.5
Fail
—
White BG
21.0AAA
12.0AAA
3.3AA Large
1.3Fail
2.1Fail
Black BG
1.0Fail
1.7Fail
6.4AA
15.6AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

000000
373736
92928C
E2E2DC
D0CF9C

Deuteranopia

000000
373736
92938C
E2E3DC
D5DC9C

Tritanopia

000000
383636
968C8C
E6DCDC
F29C9C

Achromatopsia

000000
373737
8F8F8F
DFDFDF
B7B7B7

Shades & Tints Shades & Tints

#000000

Dark
Light

#383636

Dark
Light

#968C8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000000;
  --color-2: #383636;
  --color-3: #968c8c;
  --color-4: #e6dcdc;
  --color-5: #f79c9c;
}

SCSS

$color-1: #000000;
$color-2: #383636;
$color-3: #968c8c;
$color-4: #e6dcdc;
$color-5: #f79c9c;

TAILWIND

colors: {
  'brand-1': '#000000',
  'brand-2': '#383636',
  'brand-3': '#968c8c',
  'brand-4': '#e6dcdc',
  'brand-5': '#f79c9c',
}

RGB Array

[0, 0, 0], [56, 54, 54], [150, 140, 140], [230, 220, 220], [247, 156, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000000, #383636, #968C8C, #E6DCDC, #F79C9C 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: #000000; --color-2: #383636; --color-3: #968c8c; --color-4: #e6dcdc; --color-5: #f79c9c. 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