← Back to Editor

#D09D40 · #967644 · #675647 · #544A48 · #313144

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 ThemeCorporate

Color Details Color Details

#D09D40

Ginger · GoldenRod · Warm Sun

HEX
#D09D40
RGB
rgb(208, 157, 64)
HSL
hsl(39, 61%, 53%)
HSB
hsb(39, 69%, 82%)
CMYK
cmyk(0%, 25%, 69%, 18%)
Oklch
oklch(72.7% 0.124 79.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#967644

Ochre · Sienna · Amber Brown

HEX
#967644
RGB
rgb(150, 118, 68)
HSL
hsl(37, 38%, 43%)
HSB
hsb(37, 55%, 59%)
CMYK
cmyk(0%, 21%, 55%, 41%)
Oklch
oklch(58.6% 0.078 77.4)

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

#675647

Tangerine · DarkOliveGreen · Amber Brown

HEX
#675647
RGB
rgb(103, 86, 71)
HSL
hsl(28, 18%, 34%)
HSB
hsb(28, 31%, 40%)
CMYK
cmyk(0%, 17%, 31%, 60%)
Oklch
oklch(46.6% 0.032 63.3)

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

#544A48

Crimson · DarkSlateGray · Charcoal

HEX
#544A48
RGB
rgb(84, 74, 72)
HSL
hsl(10, 8%, 31%)
HSB
hsb(10, 14%, 33%)
CMYK
cmyk(0%, 12%, 14%, 67%)
Oklch
oklch(41.8% 0.014 31.1)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#313144

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#313144
RGB
rgb(49, 49, 68)
HSL
hsl(240, 16%, 23%)
HSB
hsb(240, 28%, 27%)
CMYK
cmyk(28%, 28%, 0%, 73%)
Oklch
oklch(32.2% 0.034 284.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D09D40
3E71D0

Analogous

D0543E
D09D40
BAD03E

Triadic

D09D40
3ED09D
9D3ED0

Split-Comp.

D09D40
3EBAD0
543ED0

Tetradic

D09D40
3ED054
3E71D0
D03EBA

Contrast Matrix WCAG 2.1 Contrast

D09D40
967644
675647
544A48
313144
—
1.7
Fail
2.9
Fail
3.5
AA Large
5.2
AA
1.7
Fail
—
1.7
Fail
2.0
Fail
3.0
AA Large
2.9
Fail
1.7
Fail
—
1.2
Fail
1.8
Fail
3.5
AA Large
2.0
Fail
1.2
Fail
—
1.5
Fail
5.2
AA
3.0
AA Large
1.8
Fail
1.5
Fail
—
White BG
2.4Fail
4.2AA Large
7.0AAA
8.6AAA
12.7AAA
Black BG
8.6AAA
5.0AA
3.0Fail
2.5Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB957
888850
605F4B
505048
31313F

Deuteranopia

BDC15C
8A8C53
61624C
505149
31313E

Tritanopia

CD686C
945A5C
664D4E
544949
313C3B

Achromatopsia

A2A2A2
7A7A7A
595959
4D4D4D
333333

Shades & Tints Shades & Tints

#D09D40

Dark
Light

#967644

Dark
Light

#675647

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d09d40;
  --color-2: #967644;
  --color-3: #675647;
  --color-4: #544a48;
  --color-5: #313144;
}

SCSS

$color-1: #d09d40;
$color-2: #967644;
$color-3: #675647;
$color-4: #544a48;
$color-5: #313144;

TAILWIND

colors: {
  'brand-1': '#d09d40',
  'brand-2': '#967644',
  'brand-3': '#675647',
  'brand-4': '#544a48',
  'brand-5': '#313144',
}

RGB Array

[208, 157, 64], [150, 118, 68], [103, 86, 71], [84, 74, 72], [49, 49, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #D09D40, #967644, #675647, #544A48, #313144 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #d09d40; --color-2: #967644; --color-3: #675647; --color-4: #544a48; --color-5: #313144. 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. 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