← Back to Editor

#282927 · #1A1818 · #6E5C47 · #B59E84 · #D9C9B6

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

#282927

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#282927
RGB
rgb(40, 41, 39)
HSL
hsl(90, 3%, 16%)
HSB
hsb(90, 5%, 16%)
CMYK
cmyk(2%, 0%, 5%, 84%)
Oklch
oklch(27.9% 0.004 128.6)

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

#1A1818

Ink Black · Black · Jet Black

HEX
#1A1818
RGB
rgb(26, 24, 24)
HSL
hsl(0, 4%, 10%)
HSB
hsb(0, 8%, 10%)
CMYK
cmyk(0%, 8%, 8%, 90%)
Oklch
oklch(21.1% 0.003 17.4)

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

#6E5C47

Ochre · DimGray · Amber Brown

HEX
#6E5C47
RGB
rgb(110, 92, 71)
HSL
hsl(32, 22%, 35%)
HSB
hsb(32, 35%, 43%)
CMYK
cmyk(0%, 16%, 35%, 57%)
Oklch
oklch(48.7% 0.040 71.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#B59E84

Ginger · Tan · Warm Sun

HEX
#B59E84
RGB
rgb(181, 158, 132)
HSL
hsl(32, 25%, 61%)
HSB
hsb(32, 27%, 71%)
CMYK
cmyk(0%, 13%, 27%, 29%)
Oklch
oklch(71.3% 0.045 70.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D9C9B6

Goose Yellow · Silver · Peach Orange

HEX
#D9C9B6
RGB
rgb(217, 201, 182)
HSL
hsl(33, 32%, 78%)
HSB
hsb(33, 16%, 85%)
CMYK
cmyk(0%, 7%, 16%, 15%)
Oklch
oklch(84.4% 0.031 72.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

282927
29282A

Analogous

2A2A28
282927
282A28

Triadic

282927
28292A
2A2829

Split-Comp.

282927
28282A
2A282A

Tetradic

282927
282A2A
29282A
2A2828

Contrast Matrix WCAG 2.1 Contrast

282927
1A1818
6E5C47
B59E84
D9C9B6
—
1.2
Fail
2.3
Fail
5.7
AA
9.0
AAA
1.2
Fail
—
2.8
Fail
6.9
AA
10.9
AAA
2.3
Fail
2.8
Fail
—
2.5
Fail
4.0
AA Large
5.7
AA
6.9
AA
2.5
Fail
—
1.6
Fail
9.0
AAA
10.9
AAA
4.0
AA Large
1.6
Fail
—
White BG
14.6AAA
17.7AAA
6.4AA
2.6Fail
1.6Fail
Black BG
1.4Fail
1.2Fail
3.3AA Large
8.2AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

282827
191918
66664C
ABAB8A
D2D2BB

Deuteranopia

282828
191918
67694D
ACAE8C
D3D4BC

Tritanopia

282828
1A1818
6D5051
B48F90
D8BEBF

Achromatopsia

282828
191919
5F5F5F
A2A2A2
CCCCCC

Shades & Tints Shades & Tints

#282927

Dark
Light

#1A1818

Dark
Light

#6E5C47

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #282927;
  --color-2: #1a1818;
  --color-3: #6e5c47;
  --color-4: #b59e84;
  --color-5: #d9c9b6;
}

SCSS

$color-1: #282927;
$color-2: #1a1818;
$color-3: #6e5c47;
$color-4: #b59e84;
$color-5: #d9c9b6;

TAILWIND

colors: {
  'brand-1': '#282927',
  'brand-2': '#1a1818',
  'brand-3': '#6e5c47',
  'brand-4': '#b59e84',
  'brand-5': '#d9c9b6',
}

RGB Array

[40, 41, 39], [26, 24, 24], [110, 92, 71], [181, 158, 132], [217, 201, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #282927, #1A1818, #6E5C47, #B59E84, #D9C9B6 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: #282927; --color-2: #1a1818; --color-3: #6e5c47; --color-4: #b59e84; --color-5: #d9c9b6. 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