← Back to Editor

#787740 · #595133 · #E8232D · #D3D9D0 · #C9C9AF

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

#787740

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#787740
RGB
rgb(120, 119, 64)
HSL
hsl(59, 30%, 36%)
HSB
hsb(59, 47%, 47%)
CMYK
cmyk(0%, 1%, 47%, 53%)
Oklch
oklch(55.7% 0.076 107.7)

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

#595133

Ochre · DarkOliveGreen · Honey Gold

HEX
#595133
RGB
rgb(89, 81, 51)
HSL
hsl(47, 27%, 27%)
HSB
hsb(47, 43%, 35%)
CMYK
cmyk(0%, 9%, 43%, 65%)
Oklch
oklch(43.5% 0.046 95.0)

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

#E8232D

Vermilion · Crimson · Passion Red

HEX
#E8232D
RGB
rgb(232, 35, 45)
HSL
hsl(357, 81%, 52%)
HSB
hsb(357, 85%, 91%)
CMYK
cmyk(0%, 85%, 81%, 9%)
Oklch
oklch(59.8% 0.227 25.8)

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

#D3D9D0

Celadon · LightGray · Mint Green

HEX
#D3D9D0
RGB
rgb(211, 217, 208)
HSL
hsl(100, 11%, 83%)
HSB
hsb(100, 4%, 85%)
CMYK
cmyk(3%, 0%, 4%, 15%)
Oklch
oklch(87.8% 0.014 134.9)

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

#C9C9AF

Fresh Green · Silver · Sunflower

HEX
#C9C9AF
RGB
rgb(201, 201, 175)
HSL
hsl(60, 19%, 74%)
HSB
hsb(60, 13%, 79%)
CMYK
cmyk(0%, 0%, 13%, 21%)
Oklch
oklch(82.9% 0.035 107.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

787740
404177

Analogous

775B40
787740
5D7740

Triadic

787740
407776
764077

Split-Comp.

787740
405D77
5B4077

Tetradic

787740
40775B
404177
77405D

Contrast Matrix WCAG 2.1 Contrast

787740
595133
E8232D
D3D9D0
C9C9AF
—
1.7
Fail
1.0
Fail
3.2
AA Large
2.8
Fail
1.7
Fail
—
1.8
Fail
5.5
AA
4.7
AA
1.0
Fail
1.8
Fail
—
3.1
AA Large
2.6
Fail
3.2
AA Large
5.5
AA
3.1
AA Large
—
1.2
Fail
2.8
Fail
4.7
AA
2.6
Fail
1.2
Fail
—
White BG
4.7AA
7.9AAA
4.5AA Large
1.4Fail
1.7Fail
Black BG
4.5AA
2.6Fail
4.7AA
14.6AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

78784D
56553A
93912B
D6D6D2
C9C9B5

Deuteranopia

787851
56573C
9EAD2A
D5D5D3
C9C9B7

Tritanopia

78585A
594041
DE2928
D3D4D4
C9BABB

Achromatopsia

717171
505050
5F5F5F
D6D6D6
C6C6C6

Shades & Tints Shades & Tints

#787740

Dark
Light

#595133

Dark
Light

#E8232D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #787740;
  --color-2: #595133;
  --color-3: #e8232d;
  --color-4: #d3d9d0;
  --color-5: #c9c9af;
}

SCSS

$color-1: #787740;
$color-2: #595133;
$color-3: #e8232d;
$color-4: #d3d9d0;
$color-5: #c9c9af;

TAILWIND

colors: {
  'brand-1': '#787740',
  'brand-2': '#595133',
  'brand-3': '#e8232d',
  'brand-4': '#d3d9d0',
  'brand-5': '#c9c9af',
}

RGB Array

[120, 119, 64], [89, 81, 51], [232, 35, 45], [211, 217, 208], [201, 201, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #787740, #595133, #E8232D, #D3D9D0, #C9C9AF 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: #787740; --color-2: #595133; --color-3: #e8232d; --color-4: #d3d9d0; --color-5: #c9c9af. 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