← Back to Editor

#CAC764 · #EFCCA6 · #C7702A · #805A51 · #4A2C22

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

#CAC764

Autumn Sage · BurlyWood · Sunflower

HEX
#CAC764
RGB
rgb(202, 199, 100)
HSL
hsl(58, 49%, 59%)
HSB
hsb(58, 50%, 79%)
CMYK
cmyk(0%, 1%, 50%, 21%)
Oklch
oklch(81.2% 0.122 107.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EFCCA6

Goose Yellow · Wheat · Peach Orange

HEX
#EFCCA6
RGB
rgb(239, 204, 166)
HSL
hsl(31, 70%, 79%)
HSB
hsb(31, 31%, 94%)
CMYK
cmyk(0%, 15%, 31%, 6%)
Oklch
oklch(86.6% 0.064 69.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C7702A

Tangerine · Chocolate · Amber Brown

HEX
#C7702A
RGB
rgb(199, 112, 42)
HSL
hsl(27, 65%, 47%)
HSB
hsb(27, 79%, 78%)
CMYK
cmyk(0%, 44%, 79%, 22%)
Oklch
oklch(63.1% 0.136 55.1)

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

#805A51

Crimson · DimGray · Passion Red

HEX
#805A51
RGB
rgb(128, 90, 81)
HSL
hsl(11, 22%, 41%)
HSB
hsb(11, 37%, 50%)
CMYK
cmyk(0%, 30%, 37%, 50%)
Oklch
oklch(50.5% 0.053 33.8)

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

#4A2C22

Tangerine · DarkSlateGray · Cinnamon

HEX
#4A2C22
RGB
rgb(74, 44, 34)
HSL
hsl(15, 37%, 21%)
HSB
hsb(15, 54%, 29%)
CMYK
cmyk(0%, 41%, 54%, 71%)
Oklch
oklch(32.8% 0.048 39.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAC764
6367CA

Analogous

CA9363
CAC764
9ACA63

Triadic

CAC764
63CAC6
C663CA

Split-Comp.

CAC764
639ACA
9363CA

Tetradic

CAC764
63CA93
6367CA
CA639A

Contrast Matrix WCAG 2.1 Contrast

CAC764
EFCCA6
C7702A
805A51
4A2C22
—
1.2
Fail
2.1
Fail
3.4
AA Large
7.1
AAA
1.2
Fail
—
2.4
Fail
4.0
AA Large
8.3
AAA
2.1
Fail
2.4
Fail
—
1.7
Fail
3.5
AA Large
3.4
AA Large
4.0
AA Large
1.7
Fail
—
2.1
Fail
7.1
AAA
8.3
AAA
3.5
AA Large
2.1
Fail
—
White BG
1.8Fail
1.5Fail
3.6AA Large
6.0AA
12.5AAA
Black BG
11.9AAA
13.9AAA
5.8AA
3.5AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C97C
E0E0AF
A1A13B
706F53
3D3D24

Deuteranopia

C9C982
E2E4B1
A6AD3F
727554
3F4125

Tritanopia

CA8F93
EDB6B8
C3484B
7E5555
492627

Achromatopsia

BDBDBD
D2D2D2
828282
646464
343434

Shades & Tints Shades & Tints

#CAC764

Dark
Light

#EFCCA6

Dark
Light

#C7702A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cac764;
  --color-2: #efcca6;
  --color-3: #c7702a;
  --color-4: #805a51;
  --color-5: #4a2c22;
}

SCSS

$color-1: #cac764;
$color-2: #efcca6;
$color-3: #c7702a;
$color-4: #805a51;
$color-5: #4a2c22;

TAILWIND

colors: {
  'brand-1': '#cac764',
  'brand-2': '#efcca6',
  'brand-3': '#c7702a',
  'brand-4': '#805a51',
  'brand-5': '#4a2c22',
}

RGB Array

[202, 199, 100], [239, 204, 166], [199, 112, 42], [128, 90, 81], [74, 44, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #CAC764, #EFCCA6, #C7702A, #805A51, #4A2C22 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: #cac764; --color-2: #efcca6; --color-3: #c7702a; --color-4: #805a51; --color-5: #4a2c22. 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