← Back to Editor

#605641 · #B29E7B · #F5EDD6 · #AA4444 · #860C17

earth

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

#605641

Ochre · DarkOliveGreen · Honey Gold

HEX
#605641
RGB
rgb(96, 86, 65)
HSL
hsl(41, 19%, 32%)
HSB
hsb(41, 32%, 38%)
CMYK
cmyk(0%, 10%, 32%, 62%)
Oklch
oklch(45.7% 0.035 85.4)

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

#B29E7B

Ginger · Tan · Warm Sun

HEX
#B29E7B
RGB
rgb(178, 158, 123)
HSL
hsl(38, 26%, 59%)
HSB
hsb(38, 31%, 70%)
CMYK
cmyk(0%, 11%, 31%, 30%)
Oklch
oklch(70.8% 0.054 81.5)

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

#F5EDD6

Goose Yellow · Beige · Lemon Cream

HEX
#F5EDD6
RGB
rgb(245, 237, 214)
HSL
hsl(45, 61%, 90%)
HSB
hsb(45, 13%, 96%)
CMYK
cmyk(0%, 3%, 13%, 4%)
Oklch
oklch(94.6% 0.032 91.0)

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

#AA4444

Crimson · Sienna · Passion Red

HEX
#AA4444
RGB
rgb(170, 68, 68)
HSL
hsl(0, 43%, 47%)
HSB
hsb(0, 60%, 67%)
CMYK
cmyk(0%, 60%, 60%, 33%)
Oklch
oklch(52.4% 0.135 22.9)

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

#860C17

Vermilion · DarkRed · Wine Red

HEX
#860C17
RGB
rgb(134, 12, 23)
HSL
hsl(355, 84%, 29%)
HSB
hsb(355, 91%, 53%)
CMYK
cmyk(0%, 91%, 83%, 47%)
Oklch
oklch(39.7% 0.153 24.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605641
424C61

Analogous

614842
605641
5B6142

Triadic

605641
426157
574261

Split-Comp.

605641
425B61
484261

Tetradic

605641
426148
424C61
61425B

Contrast Matrix WCAG 2.1 Contrast

605641
B29E7B
F5EDD6
AA4444
860C17
—
2.8
Fail
6.2
AA
1.2
Fail
1.4
Fail
2.8
Fail
—
2.2
Fail
2.2
Fail
3.9
AA Large
6.2
AA
2.2
Fail
—
5.0
AA
8.6
AAA
1.2
Fail
2.2
Fail
5.0
AA
—
1.7
Fail
1.4
Fail
3.9
AA Large
8.6
AAA
1.7
Fail
—
White BG
7.2AAA
2.6Fail
1.2Fail
5.8AA
10.1AAA
Black BG
2.9Fail
8.1AAA
18.0AAA
3.6AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C46
A9A983
F2F1DC
7E7D44
515014

Deuteranopia

5C5D47
ABAC86
F2F3DD
848B44
586114

Tritanopia

5F4A4B
B18A8C
F5E0E1
A54444
801212

Achromatopsia

575757
A0A0A0
EDEDED
626262
323232

Shades & Tints Shades & Tints

#605641

Dark
Light

#B29E7B

Dark
Light

#F5EDD6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605641;
  --color-2: #b29e7b;
  --color-3: #f5edd6;
  --color-4: #aa4444;
  --color-5: #860c17;
}

SCSS

$color-1: #605641;
$color-2: #b29e7b;
$color-3: #f5edd6;
$color-4: #aa4444;
$color-5: #860c17;

TAILWIND

colors: {
  'brand-1': '#605641',
  'brand-2': '#b29e7b',
  'brand-3': '#f5edd6',
  'brand-4': '#aa4444',
  'brand-5': '#860c17',
}

RGB Array

[96, 86, 65], [178, 158, 123], [245, 237, 214], [170, 68, 68], [134, 12, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #605641, #B29E7B, #F5EDD6, #AA4444, #860C17 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: #605641; --color-2: #b29e7b; --color-3: #f5edd6; --color-4: #aa4444; --color-5: #860c17. 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 earth-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