← Back to Editor

#3E3043 · #574C5C · #6D9285 · #BFC7A0 · #D4DDDA

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#3E3043

Dark Plum · DarkSlateGray · Eggplant

HEX
#3E3043
RGB
rgb(62, 48, 67)
HSL
hsl(284, 17%, 23%)
HSB
hsb(284, 28%, 26%)
CMYK
cmyk(7%, 28%, 0%, 74%)
Oklch
oklch(33.3% 0.038 317.1)

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

#574C5C

Dark Plum · DimGray · Eggplant

HEX
#574C5C
RGB
rgb(87, 76, 92)
HSL
hsl(281, 10%, 33%)
HSB
hsb(281, 17%, 36%)
CMYK
cmyk(5%, 17%, 0%, 64%)
Oklch
oklch(43.3% 0.029 315.3)

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

#6D9285

Mineral Blue · SlateGray · Olive Green

HEX
#6D9285
RGB
rgb(109, 146, 133)
HSL
hsl(159, 15%, 50%)
HSB
hsb(159, 25%, 57%)
CMYK
cmyk(25%, 0%, 9%, 43%)
Oklch
oklch(62.8% 0.046 171.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#BFC7A0

Willow Green · Silver · Apple Green

HEX
#BFC7A0
RGB
rgb(191, 199, 160)
HSL
hsl(72, 26%, 70%)
HSB
hsb(72, 20%, 78%)
CMYK
cmyk(4%, 0%, 20%, 22%)
Oklch
oklch(81.3% 0.054 117.0)

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

#D4DDDA

Jade · LightGray · Glacier Blue

HEX
#D4DDDA
RGB
rgb(212, 221, 218)
HSL
hsl(160, 12%, 85%)
HSB
hsb(160, 4%, 87%)
CMYK
cmyk(4%, 0%, 1%, 13%)
Oklch
oklch(89.0% 0.011 174.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E3043
364531

Analogous

353145
3E3043
453140

Triadic

3E3043
453F31
31453F

Split-Comp.

3E3043
404531
314535

Tetradic

3E3043
453531
364531
314045

Contrast Matrix WCAG 2.1 Contrast

3E3043
574C5C
6D9285
BFC7A0
D4DDDA
—
1.5
Fail
3.6
AA Large
7.0
AA
8.9
AAA
1.5
Fail
—
2.4
Fail
4.6
AA
5.8
AA
3.6
AA Large
2.4
Fail
—
1.9
Fail
2.5
Fail
7.0
AA
4.6
AA
1.9
Fail
—
1.3
Fail
8.9
AAA
5.8
AA
2.5
Fail
1.3
Fail
—
White BG
12.3AAA
8.1AAA
3.4AA Large
1.8Fail
1.4Fail
Black BG
1.7Fail
2.6Fail
6.1AA
11.9AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

38383E
525258
7D7D88
C2C3A9
D8D8DB

Deuteranopia

393A3D
535457
7B7889
C2C1AC
D7D7DB

Tritanopia

3D3B3A
565554
6F8B8B
BFB1B3
D4DBDB

Achromatopsia

363636
515151
858585
C0C0C0
DADADA

Shades & Tints Shades & Tints

#3E3043

Dark
Light

#574C5C

Dark
Light

#6D9285

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e3043;
  --color-2: #574c5c;
  --color-3: #6d9285;
  --color-4: #bfc7a0;
  --color-5: #d4ddda;
}

SCSS

$color-1: #3e3043;
$color-2: #574c5c;
$color-3: #6d9285;
$color-4: #bfc7a0;
$color-5: #d4ddda;

TAILWIND

colors: {
  'brand-1': '#3e3043',
  'brand-2': '#574c5c',
  'brand-3': '#6d9285',
  'brand-4': '#bfc7a0',
  'brand-5': '#d4ddda',
}

RGB Array

[62, 48, 67], [87, 76, 92], [109, 146, 133], [191, 199, 160], [212, 221, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #3E3043, #574C5C, #6D9285, #BFC7A0, #D4DDDA 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: #3e3043; --color-2: #574c5c; --color-3: #6d9285; --color-4: #bfc7a0; --color-5: #d4ddda. 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