← Back to Editor

#1D1635 · #322E49 · #637672 · #675843 · #C1BC9F

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#1D1635

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1D1635
RGB
rgb(29, 22, 53)
HSL
hsl(254, 41%, 15%)
HSB
hsb(254, 58%, 21%)
CMYK
cmyk(45%, 58%, 0%, 79%)
Oklch
oklch(22.7% 0.058 291.4)

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

#322E49

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#322E49
RGB
rgb(50, 46, 73)
HSL
hsl(249, 23%, 23%)
HSB
hsb(249, 37%, 29%)
CMYK
cmyk(32%, 37%, 0%, 71%)
Oklch
oklch(31.8% 0.048 290.2)

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

#637672

Mineral Blue · DimGray · Warm Gray

HEX
#637672
RGB
rgb(99, 118, 114)
HSL
hsl(167, 9%, 43%)
HSB
hsb(167, 16%, 46%)
CMYK
cmyk(16%, 0%, 3%, 54%)
Oklch
oklch(54.9% 0.023 181.3)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#675843

Ochre · DarkOliveGreen · Amber Brown

HEX
#675843
RGB
rgb(103, 88, 67)
HSL
hsl(35, 21%, 33%)
HSB
hsb(35, 35%, 40%)
CMYK
cmyk(0%, 15%, 35%, 60%)
Oklch
oklch(46.9% 0.038 75.9)

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

#C1BC9F

Fresh Green · Tan · Sunflower

HEX
#C1BC9F
RGB
rgb(193, 188, 159)
HSL
hsl(51, 22%, 69%)
HSB
hsb(51, 18%, 76%)
CMYK
cmyk(0%, 3%, 18%, 24%)
Oklch
oklch(79.2% 0.040 99.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D1635
2F3617

Analogous

171F36
1D1635
2E1736

Triadic

1D1635
361E17
17361E

Split-Comp.

1D1635
362E17
1F3617

Tetradic

1D1635
36171F
2F3617
17362E

Contrast Matrix WCAG 2.1 Contrast

1D1635
322E49
637672
675843
C1BC9F
—
1.3
Fail
3.6
AA Large
2.5
Fail
9.0
AAA
1.3
Fail
—
2.7
Fail
1.9
Fail
6.8
AA
3.6
AA Large
2.7
Fail
—
1.4
Fail
2.5
Fail
2.5
Fail
1.9
Fail
1.4
Fail
—
3.6
AA Large
9.0
AAA
6.8
AA
2.5
Fail
3.6
AA Large
—
White BG
17.2AAA
12.9AAA
4.8AA
6.9AA
1.9Fail
Black BG
1.2Fail
1.6Fail
4.4AA Large
3.1AA Large
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A2D
303042
6B6B73
616048
BFBFA6

Deuteranopia

1A1B2C
313141
6A6973
616349
BFC0A8

Tritanopia

1D2826
323D3C
647474
664C4D
C1ACAD

Achromatopsia

1C1C1C
323232
707070
5A5A5A
BABABA

Shades & Tints Shades & Tints

#1D1635

Dark
Light

#322E49

Dark
Light

#637672

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d1635;
  --color-2: #322e49;
  --color-3: #637672;
  --color-4: #675843;
  --color-5: #c1bc9f;
}

SCSS

$color-1: #1d1635;
$color-2: #322e49;
$color-3: #637672;
$color-4: #675843;
$color-5: #c1bc9f;

TAILWIND

colors: {
  'brand-1': '#1d1635',
  'brand-2': '#322e49',
  'brand-3': '#637672',
  'brand-4': '#675843',
  'brand-5': '#c1bc9f',
}

RGB Array

[29, 22, 53], [50, 46, 73], [99, 118, 114], [103, 88, 67], [193, 188, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #1D1635, #322E49, #637672, #675843, #C1BC9F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #1d1635; --color-2: #322e49; --color-3: #637672; --color-4: #675843; --color-5: #c1bc9f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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