#483E23 + #8D0B65 + #264C1B + #A126A3 + #2D2613 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#483E23

Ochre · DarkOliveGreen · Amber Gold

HEX

#483E23

RGB

rgb(72, 62, 35)

HSL

hsl(44, 35%, 21%)

HSB

hsb(44, 51%, 28%)

CMYK

cmyk(0%, 14%, 51%, 72%)

Oklch

oklch(36.7% 0.044 89.8)

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

#8D0B65

Rose Purple · Purple · Eggplant

HEX

#8D0B65

RGB

rgb(141, 11, 101)

HSL

hsl(318, 86%, 30%)

HSB

hsb(318, 92%, 55%)

CMYK

cmyk(0%, 92%, 28%, 45%)

Oklch

oklch(43.3% 0.176 345.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#264C1B

Celadon · DarkGreen · Dark Green

HEX

#264C1B

RGB

rgb(38, 76, 27)

HSL

hsl(107, 48%, 20%)

HSB

hsb(107, 64%, 30%)

CMYK

cmyk(50%, 0%, 64%, 70%)

Oklch

oklch(37.6% 0.088 139.2)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#A126A3

Royal Purple · DarkOrchid · Eggplant

HEX

#A126A3

RGB

rgb(161, 38, 163)

HSL

hsl(299, 62%, 39%)

HSB

hsb(299, 77%, 64%)

CMYK

cmyk(1%, 77%, 0%, 36%)

Oklch

oklch(51.5% 0.208 327.4)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#2D2613

Ochre · Black · Amber Gold

HEX

#2D2613

RGB

rgb(45, 38, 19)

HSL

hsl(44, 41%, 13%)

HSB

hsb(44, 58%, 18%)

CMYK

cmyk(0%, 16%, 58%, 82%)

Oklch

oklch(27.1% 0.033 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483E23

232D48

Analogous

482C23

483E23

404823

Triadic

483E23

23483E

3E2348

Split-Comp.

483E23

234048

2C2348

Tetradic

483E23

23482C

232D48

482340

Contrast Matrix WCAG 2.1 Contrast

483E23	8D0B65	264C1B	A126A3	2D2613
—	1.2 Fail	1.1 Fail	1.7 Fail	1.4 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
1.1 Fail	1.1 Fail	—	1.6 Fail	1.5 Fail
1.7 Fail	1.4 Fail	1.6 Fail	—	2.4 Fail
1.4 Fail	1.7 Fail	1.5 Fail	2.4 Fail	—

White BG

10.6AAA

8.9AAA

9.8AAA

6.3AA

15.0AAA

Black BG

2.0Fail

2.4Fail

2.1Fail

3.3AA Large

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

44442A

55544F

363727

6C6B85

2A2A18

Deuteranopia

44452B

5C664A

34312A

737C7E

2A2B19

Tritanopia

472F30

873E3A

283032

9B6D68

2D1B1C

Achromatopsia

3E3E3E

3C3C3C

3B3B3B

595959

262626

Shades & Tints Shades & Tints

#483E23

Dark

Light

#8D0B65

Dark

Light

#264C1B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483e23;
  --color-2: #8d0b65;
  --color-3: #264c1b;
  --color-4: #a126a3;
  --color-5: #2d2613;
}

SCSS

$color-1: #483e23;
$color-2: #8d0b65;
$color-3: #264c1b;
$color-4: #a126a3;
$color-5: #2d2613;

TAILWIND

colors: {
  'brand-1': '#483e23',
  'brand-2': '#8d0b65',
  'brand-3': '#264c1b',
  'brand-4': '#a126a3',
  'brand-5': '#2d2613',
}

RGB Array

[72, 62, 35], [141, 11, 101], [38, 76, 27], [161, 38, 163], [45, 38, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #483E23, #8D0B65, #264C1B, #A126A3, #2D2613 is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #483e23; --color-2: #8d0b65; --color-3: #264c1b; --color-4: #a126a3; --color-5: #2d2613. 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 tech, SaaS, healthcare, eco industries. 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