← Back to Editor

#040001 · #7D6972 · #9A8B90 · #DDD0D7 · #EAE4E6

luxury

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

#040001

Vermilion · Black · Deep Berry

HEX
#040001
RGB
rgb(4, 0, 1)
HSL
hsl(345, 100%, 1%)
HSB
hsb(345, 100%, 2%)
CMYK
cmyk(0%, 100%, 75%, 98%)
Oklch
oklch(6.9% 0.028 359.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#7D6972

Dark Violet · DimGray · Warm Gray

HEX
#7D6972
RGB
rgb(125, 105, 114)
HSL
hsl(333, 9%, 45%)
HSB
hsb(333, 16%, 49%)
CMYK
cmyk(0%, 16%, 9%, 51%)
Oklch
oklch(54.3% 0.029 349.2)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#9A8B90

Ash · Gray · Silver Sand

HEX
#9A8B90
RGB
rgb(154, 139, 144)
HSL
hsl(340, 7%, 57%)
HSB
hsb(340, 10%, 60%)
CMYK
cmyk(0%, 10%, 6%, 40%)
Oklch
oklch(65.2% 0.019 355.4)

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

#DDD0D7

Mauve · LightGray · Cherry Blossom

HEX
#DDD0D7
RGB
rgb(221, 208, 215)
HSL
hsl(328, 16%, 84%)
HSB
hsb(328, 6%, 87%)
CMYK
cmyk(0%, 6%, 3%, 13%)
Oklch
oklch(87.0% 0.017 343.7)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#EAE4E6

Rouge · Linen · Cherry Blossom

HEX
#EAE4E6
RGB
rgb(234, 228, 230)
HSL
hsl(340, 12%, 91%)
HSB
hsb(340, 3%, 92%)
CMYK
cmyk(0%, 3%, 2%, 8%)
Oklch
oklch(92.4% 0.007 354.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

040001
000504

Analogous

050004
040001
050100

Triadic

040001
010500
000105

Split-Comp.

040001
000501
000405

Tetradic

040001
040500
000504
010005

Contrast Matrix WCAG 2.1 Contrast

040001
7D6972
9A8B90
DDD0D7
EAE4E6
—
4.1
AA Large
6.4
AA
14.0
AAA
16.6
AAA
4.1
AA Large
—
1.6
Fail
3.4
AA Large
4.0
AA Large
6.4
AA
1.6
Fail
—
2.2
Fail
2.6
Fail
14.0
AAA
3.4
AA Large
2.2
Fail
—
1.2
Fail
16.6
AAA
4.0
AA Large
2.6
Fail
1.2
Fail
—
White BG
20.9AAA
5.1AA
3.2AA Large
1.5Fail
1.3Fail
Black BG
1.0Fail
4.1AA Large
6.5AA
14.1AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

020201
747470
94938F
D7D7D5
E7E7E6

Deuteranopia

030301
76776F
94968F
D8D9D5
E8E8E5

Tritanopia

040101
7C6E6E
998E8E
DCD4D4
EAE5E5

Achromatopsia

010101
707070
909090
D5D5D5
E6E6E6

Shades & Tints Shades & Tints

#040001

Dark
Light

#7D6972

Dark
Light

#9A8B90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #040001;
  --color-2: #7d6972;
  --color-3: #9a8b90;
  --color-4: #ddd0d7;
  --color-5: #eae4e6;
}

SCSS

$color-1: #040001;
$color-2: #7d6972;
$color-3: #9a8b90;
$color-4: #ddd0d7;
$color-5: #eae4e6;

TAILWIND

colors: {
  'brand-1': '#040001',
  'brand-2': '#7d6972',
  'brand-3': '#9a8b90',
  'brand-4': '#ddd0d7',
  'brand-5': '#eae4e6',
}

RGB Array

[4, 0, 1], [125, 105, 114], [154, 139, 144], [221, 208, 215], [234, 228, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #040001, #7D6972, #9A8B90, #DDD0D7, #EAE4E6 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: #040001; --color-2: #7d6972; --color-3: #9a8b90; --color-4: #ddd0d7; --color-5: #eae4e6. 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 luxury-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