← Back to Editor

#26394A · #2A2722 · #4E432F · #C1BD97 · #B36D54

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

#26394A

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#26394A
RGB
rgb(38, 57, 74)
HSL
hsl(208, 32%, 22%)
HSB
hsb(208, 49%, 29%)
CMYK
cmyk(49%, 23%, 0%, 71%)
Oklch
oklch(33.6% 0.039 246.3)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#2A2722

Ochre · DarkSlateGray · Cinnamon

HEX
#2A2722
RGB
rgb(42, 39, 34)
HSL
hsl(38, 11%, 15%)
HSB
hsb(38, 19%, 16%)
CMYK
cmyk(0%, 7%, 19%, 84%)
Oklch
oklch(27.4% 0.010 80.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#4E432F

Ochre · DarkOliveGreen · Cinnamon

HEX
#4E432F
RGB
rgb(78, 67, 47)
HSL
hsl(39, 25%, 25%)
HSB
hsb(39, 40%, 31%)
CMYK
cmyk(0%, 14%, 40%, 69%)
Oklch
oklch(38.8% 0.035 82.2)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#C1BD97

Fresh Green · Tan · Sunflower

HEX
#C1BD97
RGB
rgb(193, 189, 151)
HSL
hsl(54, 25%, 67%)
HSB
hsb(54, 22%, 76%)
CMYK
cmyk(0%, 2%, 22%, 24%)
Oklch
oklch(79.2% 0.052 102.5)

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

#B36D54

Tangerine · Sienna · Warm Sun

HEX
#B36D54
RGB
rgb(179, 109, 84)
HSL
hsl(16, 38%, 52%)
HSB
hsb(16, 53%, 70%)
CMYK
cmyk(0%, 39%, 53%, 30%)
Oklch
oklch(60.5% 0.097 40.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

26394A
4A3726

Analogous

264A49
26394A
26274A

Triadic

26394A
4A2639
394A26

Split-Comp.

26394A
4A2627
4A4926

Tetradic

26394A
49264A
4A3726
274A26

Contrast Matrix WCAG 2.1 Contrast

26394A
2A2722
4E432F
C1BD97
B36D54
—
1.3
Fail
1.2
Fail
6.2
AA
3.0
Fail
1.3
Fail
—
1.5
Fail
7.8
AAA
3.7
AA Large
1.2
Fail
1.5
Fail
—
5.1
AA
2.4
Fail
6.2
AA
7.8
AAA
5.1
AA
—
2.1
Fail
3.0
Fail
3.7
AA Large
2.4
Fail
2.1
Fail
—
White BG
11.9AAA
14.9AAA
9.7AAA
1.9Fail
4.0AA Large
Black BG
1.8Fail
1.4Fail
2.2Fail
11.0AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E46
292923
494934
BFBFA0
95945A

Deuteranopia

2D2C45
292924
4A4B35
C0C0A2
999E5C

Tritanopia

274342
2A2424
4D3839
C1A7A9
AF5F60

Achromatopsia

353535
272727
444444
BABABA
7F7F7F

Shades & Tints Shades & Tints

#26394A

Dark
Light

#2A2722

Dark
Light

#4E432F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #26394a;
  --color-2: #2a2722;
  --color-3: #4e432f;
  --color-4: #c1bd97;
  --color-5: #b36d54;
}

SCSS

$color-1: #26394a;
$color-2: #2a2722;
$color-3: #4e432f;
$color-4: #c1bd97;
$color-5: #b36d54;

TAILWIND

colors: {
  'brand-1': '#26394a',
  'brand-2': '#2a2722',
  'brand-3': '#4e432f',
  'brand-4': '#c1bd97',
  'brand-5': '#b36d54',
}

RGB Array

[38, 57, 74], [42, 39, 34], [78, 67, 47], [193, 189, 151], [179, 109, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #26394A, #2A2722, #4E432F, #C1BD97, #B36D54 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: #26394a; --color-2: #2a2722; --color-3: #4e432f; --color-4: #c1bd97; --color-5: #b36d54. 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