#682932 + #822F3E + #D09040 + #A29144 + #7A7433 · 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

#682932

Crimson · Brown · Wine Red

HEX

#682932

RGB

rgb(104, 41, 50)

HSL

hsl(351, 43%, 28%)

HSB

hsb(351, 61%, 41%)

CMYK

cmyk(0%, 61%, 52%, 59%)

Oklch

oklch(37.4% 0.091 13.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#822F3E

Crimson · Brown · Wine Red

HEX

#822F3E

RGB

rgb(130, 47, 62)

HSL

hsl(349, 47%, 35%)

HSB

hsb(349, 64%, 51%)

CMYK

cmyk(0%, 64%, 52%, 49%)

Oklch

oklch(42.9% 0.115 12.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#D09040

Ginger · GoldenRod · Warm Sun

HEX

#D09040

RGB

rgb(208, 144, 64)

HSL

hsl(33, 61%, 53%)

HSB

hsb(33, 69%, 82%)

CMYK

cmyk(0%, 31%, 69%, 18%)

Oklch

oklch(70.2% 0.123 69.3)

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

#A29144

Ochre · DarkGoldenRod · Honey Gold

HEX

#A29144

RGB

rgb(162, 145, 68)

HSL

hsl(49, 41%, 45%)

HSB

hsb(49, 58%, 64%)

CMYK

cmyk(0%, 10%, 58%, 36%)

Oklch

oklch(65.6% 0.100 97.0)

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

#7A7433

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#7A7433

RGB

rgb(122, 116, 51)

HSL

hsl(55, 41%, 34%)

HSB

hsb(55, 58%, 48%)

CMYK

cmyk(0%, 5%, 58%, 52%)

Oklch

oklch(55.0% 0.087 104.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

682932

29665D

Analogous

662951

682932

663E29

Triadic

682932

326629

293266

Split-Comp.

682932

29663E

295166

Tetradic

682932

516629

29665D

3E2966

Contrast Matrix WCAG 2.1 Contrast

682932	822F3E	D09040	A29144	7A7433
—	1.2 Fail	4.0 AA Large	3.4 AA Large	2.2 Fail
1.2 Fail	—	3.2 AA Large	2.8 Fail	1.8 Fail
4.0 AA Large	3.2 AA Large	—	1.2 Fail	1.8 Fail
3.4 AA Large	2.8 Fail	1.2 Fail	—	1.5 Fail
2.2 Fail	1.8 Fail	1.8 Fail	1.5 Fail	—

White BG

10.8AAA

8.7AAA

2.7Fail

3.1AA Large

4.8AA

Black BG

2.0Fail

2.4Fail

7.7AAA

6.7AA

4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4C30

5E5D3A

B4B453

9B9A57

777743

Deuteranopia

50552F

63693A

B8BD58

9C9D5B

787847

Tritanopia

652E2E

7E3837

CD6366

A16569

7A4F52

Achromatopsia

3D3D3D

4A4A4A

9A9A9A

8D8D8D

6E6E6E

Shades & Tints Shades & Tints

#682932

Dark

Light

#822F3E

Dark

Light

#D09040

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #682932;
  --color-2: #822f3e;
  --color-3: #d09040;
  --color-4: #a29144;
  --color-5: #7a7433;
}

SCSS

$color-1: #682932;
$color-2: #822f3e;
$color-3: #d09040;
$color-4: #a29144;
$color-5: #7a7433;

TAILWIND

colors: {
  'brand-1': '#682932',
  'brand-2': '#822f3e',
  'brand-3': '#d09040',
  'brand-4': '#a29144',
  'brand-5': '#7a7433',
}

RGB Array

[104, 41, 50], [130, 47, 62], [208, 144, 64], [162, 145, 68], [122, 116, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #682932, #822F3E, #D09040, #A29144, #7A7433 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: #682932; --color-2: #822f3e; --color-3: #d09040; --color-4: #a29144; --color-5: #7a7433. 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