← Back to Editor

#504F3D · #797953 · #C7BE95 · #FDEFCA · #FDA83E

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#504F3D

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#504F3D
RGB
rgb(80, 79, 61)
HSL
hsl(57, 13%, 28%)
HSB
hsb(57, 24%, 31%)
CMYK
cmyk(0%, 1%, 24%, 69%)
Oklch
oklch(42.3% 0.029 104.9)

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

#797953

Autumn Sage · DimGray · Honey Gold

HEX
#797953
RGB
rgb(121, 121, 83)
HSL
hsl(60, 19%, 40%)
HSB
hsb(60, 31%, 47%)
CMYK
cmyk(0%, 0%, 31%, 53%)
Oklch
oklch(56.6% 0.055 108.0)

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

#C7BE95

Ginger · Tan · Sunflower

HEX
#C7BE95
RGB
rgb(199, 190, 149)
HSL
hsl(49, 31%, 68%)
HSB
hsb(49, 25%, 78%)
CMYK
cmyk(0%, 5%, 25%, 22%)
Oklch
oklch(79.9% 0.056 97.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FDEFCA

Goose Yellow · Bisque · Lemon Cream

HEX
#FDEFCA
RGB
rgb(253, 239, 202)
HSL
hsl(44, 93%, 89%)
HSB
hsb(44, 20%, 99%)
CMYK
cmyk(0%, 6%, 20%, 1%)
Oklch
oklch(95.4% 0.050 89.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FDA83E

Ginger · SandyBrown · Warm Sun

HEX
#FDA83E
RGB
rgb(253, 168, 62)
HSL
hsl(33, 98%, 62%)
HSB
hsb(33, 75%, 99%)
CMYK
cmyk(0%, 34%, 75%, 1%)
Oklch
oklch(79.8% 0.153 67.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

504F3D
3E3F51

Analogous

51463E
504F3D
48513E

Triadic

504F3D
3E5150
503E51

Split-Comp.

504F3D
3E4851
463E51

Tetradic

504F3D
3E5146
3E3F51
513E48

Contrast Matrix WCAG 2.1 Contrast

504F3D
797953
C7BE95
FDEFCA
FDA83E
—
1.8
Fail
4.4
AA Large
7.3
AAA
4.3
AA Large
1.8
Fail
—
2.4
Fail
3.9
AA Large
2.3
Fail
4.4
AA Large
2.4
Fail
—
1.6
Fail
1.0
Fail
7.3
AAA
3.9
AA Large
1.6
Fail
—
1.7
Fail
4.3
AA Large
2.3
Fail
1.0
Fail
1.7
Fail
—
White BG
8.3AAA
4.5AA Large
1.9Fail
1.1Fail
1.9Fail
Black BG
2.5Fail
4.7AA
11.2AAA
18.4AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

505041
79795C
C3C39F
F7F7D3
D8D758

Deuteranopia

505042
79795E
C4C4A1
F8F9D5
DDE45E

Tritanopia

504546
796365
C7A7A8
FCDADC
F96C70

Achromatopsia

4D4D4D
757575
BCBCBC
EFEFEF
B5B5B5

Shades & Tints Shades & Tints

#504F3D

Dark
Light

#797953

Dark
Light

#C7BE95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #504f3d;
  --color-2: #797953;
  --color-3: #c7be95;
  --color-4: #fdefca;
  --color-5: #fda83e;
}

SCSS

$color-1: #504f3d;
$color-2: #797953;
$color-3: #c7be95;
$color-4: #fdefca;
$color-5: #fda83e;

TAILWIND

colors: {
  'brand-1': '#504f3d',
  'brand-2': '#797953',
  'brand-3': '#c7be95',
  'brand-4': '#fdefca',
  'brand-5': '#fda83e',
}

RGB Array

[80, 79, 61], [121, 121, 83], [199, 190, 149], [253, 239, 202], [253, 168, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #504F3D, #797953, #C7BE95, #FDEFCA, #FDA83E is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #504f3d; --color-2: #797953; --color-3: #c7be95; --color-4: #fdefca; --color-5: #fda83e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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