← Back to Editor

#B5AA72 · #615519 · #3C0508 · #E1CE96 · #B9D0B4

A 5-color palette 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

#B5AA72

Autumn Sage · Tan · Sunflower

HEX
#B5AA72
RGB
rgb(181, 170, 114)
HSL
hsl(50, 31%, 58%)
HSB
hsb(50, 37%, 71%)
CMYK
cmyk(0%, 6%, 37%, 29%)
Oklch
oklch(73.4% 0.076 98.4)

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

#615519

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#615519
RGB
rgb(97, 85, 25)
HSL
hsl(50, 59%, 24%)
HSB
hsb(50, 74%, 38%)
CMYK
cmyk(0%, 12%, 74%, 62%)
Oklch
oklch(44.9% 0.079 97.7)

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

#3C0508

Vermilion · Black · Deep Berry

HEX
#3C0508
RGB
rgb(60, 5, 8)
HSL
hsl(357, 85%, 13%)
HSB
hsb(357, 92%, 24%)
CMYK
cmyk(0%, 92%, 87%, 76%)
Oklch
oklch(23.2% 0.084 23.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#E1CE96

Goose Yellow · BurlyWood · Sunflower

HEX
#E1CE96
RGB
rgb(225, 206, 150)
HSL
hsl(45, 56%, 74%)
HSB
hsb(45, 33%, 88%)
CMYK
cmyk(0%, 8%, 33%, 12%)
Oklch
oklch(85.4% 0.076 91.5)

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

#B9D0B4

Celadon · Silver · Apple Green

HEX
#B9D0B4
RGB
rgb(185, 208, 180)
HSL
hsl(109, 23%, 76%)
HSB
hsb(109, 13%, 82%)
CMYK
cmyk(11%, 0%, 13%, 18%)
Oklch
oklch(83.3% 0.046 140.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5AA72
737EB5

Analogous

B58973
B5AA72
9FB573

Triadic

B5AA72
73B5AA
AA73B5

Split-Comp.

B5AA72
739FB5
8973B5

Tetradic

B5AA72
73B589
737EB5
B5739F

Contrast Matrix WCAG 2.1 Contrast

B5AA72
615519
3C0508
E1CE96
B9D0B4
—
3.2
AA Large
7.4
AAA
1.5
Fail
1.4
Fail
3.2
AA Large
—
2.3
Fail
4.8
AA
4.5
AA
7.4
AAA
2.3
Fail
—
11.1
AAA
10.5
AAA
1.5
Fail
4.8
AA
11.1
AAA
—
1.1
Fail
1.4
Fail
4.5
AA
10.5
AAA
1.1
Fail
—
White BG
2.3Fail
7.4AAA
17.3AAA
1.6Fail
1.6Fail
Black BG
9.0AAA
2.8Fail
1.2Fail
13.5AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B080
5C5C28
242407
D9D9A4
C3C3BB

Deuteranopia

B1B283
5D5D2B
272C07
DADBA7
C2C0BC

Tritanopia

B48A8D
603336
390707
E0AEB1
BAC0C1

Achromatopsia

A7A7A7
525252
161616
CDCDCD
C6C6C6

Shades & Tints Shades & Tints

#B5AA72

Dark
Light

#615519

Dark
Light

#3C0508

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5aa72;
  --color-2: #615519;
  --color-3: #3c0508;
  --color-4: #e1ce96;
  --color-5: #b9d0b4;
}

SCSS

$color-1: #b5aa72;
$color-2: #615519;
$color-3: #3c0508;
$color-4: #e1ce96;
$color-5: #b9d0b4;

TAILWIND

colors: {
  'brand-1': '#b5aa72',
  'brand-2': '#615519',
  'brand-3': '#3c0508',
  'brand-4': '#e1ce96',
  'brand-5': '#b9d0b4',
}

RGB Array

[181, 170, 114], [97, 85, 25], [60, 5, 8], [225, 206, 150], [185, 208, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5AA72, #615519, #3C0508, #E1CE96, #B9D0B4 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: #b5aa72; --color-2: #615519; --color-3: #3c0508; --color-4: #e1ce96; --color-5: #b9d0b4. 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 general-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