← Back to Editor

#050304 · #2E1D2F · #A5AC8D · #EFE0C9 · #F0EDE8

dark

A 5-color dark 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

#050304

Dark Violet · Black · Raspberry

HEX
#050304
RGB
rgb(5, 3, 4)
HSL
hsl(330, 25%, 2%)
HSB
hsb(330, 40%, 2%)
CMYK
cmyk(0%, 40%, 20%, 98%)
Oklch
oklch(10.3% 0.008 345.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#2E1D2F

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2E1D2F
RGB
rgb(46, 29, 47)
HSL
hsl(297, 24%, 15%)
HSB
hsb(297, 38%, 18%)
CMYK
cmyk(2%, 38%, 0%, 82%)
Oklch
oklch(26.0% 0.041 324.8)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#A5AC8D

Willow Green · DarkSeaGreen · Apple Green

HEX
#A5AC8D
RGB
rgb(165, 172, 141)
HSL
hsl(74, 16%, 61%)
HSB
hsb(74, 18%, 67%)
CMYK
cmyk(4%, 0%, 18%, 33%)
Oklch
oklch(73.0% 0.044 117.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#EFE0C9

Goose Yellow · Bisque · Peach Orange

HEX
#EFE0C9
RGB
rgb(239, 224, 201)
HSL
hsl(36, 54%, 86%)
HSB
hsb(36, 16%, 94%)
CMYK
cmyk(0%, 6%, 16%, 6%)
Oklch
oklch(91.3% 0.035 78.7)

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

#F0EDE8

Goose Yellow · Linen · Peach Orange

HEX
#F0EDE8
RGB
rgb(240, 237, 232)
HSL
hsl(38, 21%, 93%)
HSB
hsb(38, 3%, 94%)
CMYK
cmyk(0%, 1%, 3%, 6%)
Oklch
oklch(94.7% 0.007 80.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

050304
040605

Analogous

060406
050304
060404

Triadic

050304
050604
040506

Split-Comp.

050304
040604
040606

Tetradic

050304
060604
040605
040406

Contrast Matrix WCAG 2.1 Contrast

050304
2E1D2F
A5AC8D
EFE0C9
F0EDE8
—
1.3
Fail
8.7
AAA
15.8
AAA
17.6
AAA
1.3
Fail
—
6.7
AA
12.1
AAA
13.5
AAA
8.7
AAA
6.7
AA
—
1.8
Fail
2.0
Fail
15.8
AAA
12.1
AAA
1.8
Fail
—
1.1
Fail
17.6
AAA
13.5
AAA
2.0
Fail
1.1
Fail
—
White BG
20.6AAA
15.8AAA
2.4Fail
1.3Fail
1.2Fail
Black BG
1.0Fail
1.3Fail
8.9AAA
16.2AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

040404
27262B
A8A895
E9E8CF
EFEFE9

Deuteranopia

040404
28292A
A8A796
E9EBD0
EFEFE9

Tritanopia

050404
2D2726
A59A9C
EED3D4
F0EAEA

Achromatopsia

040404
242424
A6A6A6
E2E2E2
EDEDED

Shades & Tints Shades & Tints

#050304

Dark
Light

#2E1D2F

Dark
Light

#A5AC8D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #050304;
  --color-2: #2e1d2f;
  --color-3: #a5ac8d;
  --color-4: #efe0c9;
  --color-5: #f0ede8;
}

SCSS

$color-1: #050304;
$color-2: #2e1d2f;
$color-3: #a5ac8d;
$color-4: #efe0c9;
$color-5: #f0ede8;

TAILWIND

colors: {
  'brand-1': '#050304',
  'brand-2': '#2e1d2f',
  'brand-3': '#a5ac8d',
  'brand-4': '#efe0c9',
  'brand-5': '#f0ede8',
}

RGB Array

[5, 3, 4], [46, 29, 47], [165, 172, 141], [239, 224, 201], [240, 237, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #050304, #2E1D2F, #A5AC8D, #EFE0C9, #F0EDE8 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: #050304; --color-2: #2e1d2f; --color-3: #a5ac8d; --color-4: #efe0c9; --color-5: #f0ede8. 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 dark-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