← Back to Editor

#000000 · #282C31 · #E8ECE7 · #F1FDF7 · #C0A19E

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

#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

#282C31

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#282C31
RGB
rgb(40, 44, 49)
HSL
hsl(213, 10%, 17%)
HSB
hsb(213, 18%, 19%)
CMYK
cmyk(18%, 10%, 0%, 81%)
Oklch
oklch(29.1% 0.011 254.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#E8ECE7

Celadon · Linen · Mint Green

HEX
#E8ECE7
RGB
rgb(232, 236, 231)
HSL
hsl(108, 12%, 92%)
HSB
hsb(108, 2%, 93%)
CMYK
cmyk(2%, 0%, 2%, 7%)
Oklch
oklch(93.9% 0.008 139.4)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#F1FDF7

Jade · Snow · Mint Green

HEX
#F1FDF7
RGB
rgb(241, 253, 247)
HSL
hsl(150, 75%, 97%)
HSB
hsb(150, 5%, 99%)
CMYK
cmyk(5%, 0%, 2%, 1%)
Oklch
oklch(98.3% 0.015 164.7)

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

#C0A19E

Peach Pink · DarkGray · Coral Red

HEX
#C0A19E
RGB
rgb(192, 161, 158)
HSL
hsl(5, 21%, 69%)
HSB
hsb(5, 18%, 75%)
CMYK
cmyk(0%, 16%, 18%, 25%)
Oklch
oklch(73.6% 0.037 24.5)

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
282C31
E8ECE7
F1FDF7
C0A19E
—
1.5
Fail
17.6
AAA
20.1
AAA
8.8
AAA
1.5
Fail
—
11.8
AAA
13.5
AAA
5.9
AA
17.6
AAA
11.8
AAA
—
1.1
Fail
2.0
Fail
20.1
AAA
13.5
AAA
1.1
Fail
—
2.3
Fail
8.8
AAA
5.9
AA
2.0
Fail
2.3
Fail
—
White BG
21.0AAA
14.0AAA
1.2Fail
1.0Fail
2.4Fail
Black BG
1.0Fail
1.5Fail
17.6AAA
20.1AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

000000
2A2A30
EAEAE8
F6F6F8
B3B29F

Deuteranopia

000000
2A2930
EAE9E9
F6F5F9
B4B79F

Tritanopia

000000
282F2F
E8E9E9
F2FAFA
BE9F9F

Achromatopsia

000000
2B2B2B
EAEAEA
F9F9F9
AAAAAA

Shades & Tints Shades & Tints

#000000

Dark
Light

#282C31

Dark
Light

#E8ECE7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000000;
  --color-2: #282c31;
  --color-3: #e8ece7;
  --color-4: #f1fdf7;
  --color-5: #c0a19e;
}

SCSS

$color-1: #000000;
$color-2: #282c31;
$color-3: #e8ece7;
$color-4: #f1fdf7;
$color-5: #c0a19e;

TAILWIND

colors: {
  'brand-1': '#000000',
  'brand-2': '#282c31',
  'brand-3': '#e8ece7',
  'brand-4': '#f1fdf7',
  'brand-5': '#c0a19e',
}

RGB Array

[0, 0, 0], [40, 44, 49], [232, 236, 231], [241, 253, 247], [192, 161, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000000, #282C31, #E8ECE7, #F1FDF7, #C0A19E 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: #282c31; --color-3: #e8ece7; --color-4: #f1fdf7; --color-5: #c0a19e. 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