← Back to Editor

#4B3817 · #A8906C · #0E0500 · #AAA57D · #DCBF8F

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

#4B3817

Ochre · DarkOliveGreen · Cinnamon

HEX
#4B3817
RGB
rgb(75, 56, 23)
HSL
hsl(38, 53%, 19%)
HSB
hsb(38, 69%, 29%)
CMYK
cmyk(0%, 25%, 69%, 71%)
Oklch
oklch(35.4% 0.055 79.2)

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

#A8906C

Ginger · Gray · Warm Sun

HEX
#A8906C
RGB
rgb(168, 144, 108)
HSL
hsl(36, 26%, 54%)
HSB
hsb(36, 36%, 66%)
CMYK
cmyk(0%, 14%, 36%, 34%)
Oklch
oklch(66.6% 0.058 77.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#0E0500

Tangerine · Black · Cinnamon

HEX
#0E0500
RGB
rgb(14, 5, 0)
HSL
hsl(21, 100%, 3%)
HSB
hsb(21, 100%, 5%)
CMYK
cmyk(0%, 64%, 100%, 95%)
Oklch
oklch(12.8% 0.028 67.5)

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

#AAA57D

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#AAA57D
RGB
rgb(170, 165, 125)
HSL
hsl(53, 21%, 58%)
HSB
hsb(53, 26%, 67%)
CMYK
cmyk(0%, 3%, 26%, 33%)
Oklch
oklch(71.6% 0.055 101.7)

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

#DCBF8F

Goose Yellow · BurlyWood · Warm Sun

HEX
#DCBF8F
RGB
rgb(220, 191, 143)
HSL
hsl(37, 52%, 71%)
HSB
hsb(37, 35%, 86%)
CMYK
cmyk(0%, 13%, 35%, 14%)
Oklch
oklch(81.8% 0.071 80.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B3817
172A4A

Analogous

4A1E17
4B3817
434A17

Triadic

4B3817
174A37
37174A

Split-Comp.

4B3817
17434A
1E174A

Tetradic

4B3817
174A1E
172A4A
4A1743

Contrast Matrix WCAG 2.1 Contrast

4B3817
A8906C
0E0500
AAA57D
DCBF8F
—
3.7
AA Large
1.8
Fail
4.5
AA Large
6.3
AA
3.7
AA Large
—
6.6
AA
1.2
Fail
1.7
Fail
1.8
Fail
6.6
AA
—
8.1
AAA
11.4
AAA
4.5
AA Large
1.2
Fail
8.1
AAA
—
1.4
Fail
6.3
AA
1.7
Fail
11.4
AAA
1.4
Fail
—
White BG
11.2AAA
3.1AA Large
20.2AAA
2.5Fail
1.8Fail
Black BG
1.9Fail
6.9AA
1.0Fail
8.4AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

43431F
9E9D75
0A0A01
A8A887
CFCF9B

Deuteranopia

444521
9FA177
0B0B02
A8A989
D1D39D

Tritanopia

4A2527
A77C7D
0E0202
AA8E90
DBA4A6

Achromatopsia

3A3A3A
939393
070707
A2A2A2
C2C2C2

Shades & Tints Shades & Tints

#4B3817

Dark
Light

#A8906C

Dark
Light

#0E0500

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b3817;
  --color-2: #a8906c;
  --color-3: #0e0500;
  --color-4: #aaa57d;
  --color-5: #dcbf8f;
}

SCSS

$color-1: #4b3817;
$color-2: #a8906c;
$color-3: #0e0500;
$color-4: #aaa57d;
$color-5: #dcbf8f;

TAILWIND

colors: {
  'brand-1': '#4b3817',
  'brand-2': '#a8906c',
  'brand-3': '#0e0500',
  'brand-4': '#aaa57d',
  'brand-5': '#dcbf8f',
}

RGB Array

[75, 56, 23], [168, 144, 108], [14, 5, 0], [170, 165, 125], [220, 191, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B3817, #A8906C, #0E0500, #AAA57D, #DCBF8F 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: #4b3817; --color-2: #a8906c; --color-3: #0e0500; --color-4: #aaa57d; --color-5: #dcbf8f. 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