← Back to Editor

#B8C098 · #8E9475 · #F3F0E3 · #533208 · #3A2407

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

#B8C098

Willow Green · Tan · Apple Green

HEX
#B8C098
RGB
rgb(184, 192, 152)
HSL
hsl(72, 24%, 67%)
HSB
hsb(72, 21%, 75%)
CMYK
cmyk(4%, 0%, 21%, 25%)
Oklch
oklch(79.1% 0.055 116.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#8E9475

Grass Green · Gray · Olive Green

HEX
#8E9475
RGB
rgb(142, 148, 117)
HSL
hsl(72, 13%, 52%)
HSB
hsb(72, 21%, 58%)
CMYK
cmyk(4%, 0%, 21%, 42%)
Oklch
oklch(65.3% 0.045 116.6)

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

#F3F0E3

Goose Yellow · Linen · Lemon Cream

HEX
#F3F0E3
RGB
rgb(243, 240, 227)
HSL
hsl(49, 40%, 92%)
HSB
hsb(49, 7%, 95%)
CMYK
cmyk(0%, 1%, 7%, 5%)
Oklch
oklch(95.4% 0.018 96.1)

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

#533208

Ochre · Maroon · Cinnamon

HEX
#533208
RGB
rgb(83, 50, 8)
HSL
hsl(34, 82%, 18%)
HSB
hsb(34, 90%, 33%)
CMYK
cmyk(0%, 40%, 90%, 67%)
Oklch
oklch(35.0% 0.071 66.7)

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

#3A2407

Ochre · Black · Cinnamon

HEX
#3A2407
RGB
rgb(58, 36, 7)
HSL
hsl(34, 78%, 13%)
HSB
hsb(34, 88%, 23%)
CMYK
cmyk(0%, 38%, 88%, 77%)
Oklch
oklch(28.2% 0.053 69.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8C098
9F97BF

Analogous

BFB397
B8C098
A3BF97

Triadic

B8C098
97B7BF
BF97B7

Split-Comp.

B8C098
97A3BF
B397BF

Tetradic

B8C098
97BFB3
9F97BF
BF97A3

Contrast Matrix WCAG 2.1 Contrast

B8C098
8E9475
F3F0E3
533208
3A2407
—
1.7
Fail
1.7
Fail
6.0
AA
7.7
AAA
1.7
Fail
—
2.8
Fail
3.6
AA Large
4.6
AA
1.7
Fail
2.8
Fail
—
10.1
AAA
12.8
AAA
6.0
AA
3.6
AA Large
10.1
AAA
—
1.3
Fail
7.7
AAA
4.6
AA
12.8
AAA
1.3
Fail
—
White BG
1.9Fail
3.2AA Large
1.1Fail
11.5AAA
14.6AAA
Black BG
11.0AAA
6.6AA
18.4AAA
1.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBCA2
91917D
F2F2E6
454412
30300E

Deuteranopia

BBBAA4
90907E
F2F2E7
474915
323310

Tritanopia

B8A9AB
8E8284
F3E9E9
511A1C
391415

Achromatopsia

B9B9B9
8F8F8F
EFEFEF
373737
272727

Shades & Tints Shades & Tints

#B8C098

Dark
Light

#8E9475

Dark
Light

#F3F0E3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8c098;
  --color-2: #8e9475;
  --color-3: #f3f0e3;
  --color-4: #533208;
  --color-5: #3a2407;
}

SCSS

$color-1: #b8c098;
$color-2: #8e9475;
$color-3: #f3f0e3;
$color-4: #533208;
$color-5: #3a2407;

TAILWIND

colors: {
  'brand-1': '#b8c098',
  'brand-2': '#8e9475',
  'brand-3': '#f3f0e3',
  'brand-4': '#533208',
  'brand-5': '#3a2407',
}

RGB Array

[184, 192, 152], [142, 148, 117], [243, 240, 227], [83, 50, 8], [58, 36, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #B8C098, #8E9475, #F3F0E3, #533208, #3A2407 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: #b8c098; --color-2: #8e9475; --color-3: #f3f0e3; --color-4: #533208; --color-5: #3a2407. 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