← Back to Editor

#382E15 · #DFD4B8 · #C5C511 · #B81291 · #A1C511

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#382E15

Ochre · DarkSlateGray · Amber Gold

HEX
#382E15
RGB
rgb(56, 46, 21)
HSL
hsl(43, 45%, 15%)
HSB
hsb(43, 63%, 22%)
CMYK
cmyk(0%, 18%, 62%, 78%)
Oklch
oklch(30.6% 0.042 88.1)

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

#DFD4B8

Goose Yellow · Wheat · Lemon Cream

HEX
#DFD4B8
RGB
rgb(223, 212, 184)
HSL
hsl(43, 38%, 80%)
HSB
hsb(43, 17%, 87%)
CMYK
cmyk(0%, 5%, 17%, 13%)
Oklch
oklch(87.1% 0.039 89.1)

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

#C5C511

Autumn Sage · GoldenRod · Honey Gold

HEX
#C5C511
RGB
rgb(197, 197, 17)
HSL
hsl(60, 84%, 42%)
HSB
hsb(60, 91%, 77%)
CMYK
cmyk(0%, 0%, 91%, 23%)
Oklch
oklch(79.7% 0.171 109.7)

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

#B81291

Rose Purple · MediumVioletRed · Eggplant

HEX
#B81291
RGB
rgb(184, 18, 145)
HSL
hsl(314, 82%, 40%)
HSB
hsb(314, 90%, 72%)
CMYK
cmyk(0%, 90%, 21%, 28%)
Oklch
oklch(53.2% 0.221 341.1)

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

#A1C511

Grass Green · GreenYellow · Olive Green

HEX
#A1C511
RGB
rgb(161, 197, 17)
HSL
hsl(72, 84%, 42%)
HSB
hsb(72, 91%, 77%)
CMYK
cmyk(18%, 0%, 91%, 23%)
Oklch
oklch(76.9% 0.184 122.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

382E15
151F37

Analogous

371C15
382E15
303715

Triadic

382E15
15372E
2E1537

Split-Comp.

382E15
153037
1C1537

Tetradic

382E15
15371C
151F37
371530

Contrast Matrix WCAG 2.1 Contrast

382E15
DFD4B8
C5C511
B81291
A1C511
—
9.1
AAA
7.2
AAA
2.3
Fail
6.7
AA
9.1
AAA
—
1.3
Fail
4.0
AA Large
1.4
Fail
7.2
AAA
1.3
Fail
—
3.2
AA Large
1.1
Fail
2.3
Fail
4.0
AA Large
3.2
AA Large
—
3.0
Fail
6.7
AA
1.4
Fail
1.1
Fail
3.0
Fail
—
White BG
13.4AAA
1.5Fail
1.8Fail
5.9AA
2.0Fail
Black BG
1.6Fail
14.2AAA
11.4AAA
3.5AA Large
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

34341B
DADABF
C5C53D
706F72
B1B13D

Deuteranopia

34351D
DBDCC0
C5C547
7A866B
AFAC47

Tritanopia

372021
DEC4C5
C55F66
B05A55
A35F66

Achromatopsia

2E2E2E
D4D4D4
B0B0B0
525252
A6A6A6

Shades & Tints Shades & Tints

#382E15

Dark
Light

#DFD4B8

Dark
Light

#C5C511

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #382e15;
  --color-2: #dfd4b8;
  --color-3: #c5c511;
  --color-4: #b81291;
  --color-5: #a1c511;
}

SCSS

$color-1: #382e15;
$color-2: #dfd4b8;
$color-3: #c5c511;
$color-4: #b81291;
$color-5: #a1c511;

TAILWIND

colors: {
  'brand-1': '#382e15',
  'brand-2': '#dfd4b8',
  'brand-3': '#c5c511',
  'brand-4': '#b81291',
  'brand-5': '#a1c511',
}

RGB Array

[56, 46, 21], [223, 212, 184], [197, 197, 17], [184, 18, 145], [161, 197, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #382E15, #DFD4B8, #C5C511, #B81291, #A1C511 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #382e15; --color-2: #dfd4b8; --color-3: #c5c511; --color-4: #b81291; --color-5: #a1c511. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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