← Back to Editor

#82382C · #B54632 · #D79D5D · #D0D289 · #E6E7A5

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

#82382C

Crimson · Brown · Wine Red

HEX
#82382C
RGB
rgb(130, 56, 44)
HSL
hsl(8, 49%, 34%)
HSB
hsb(8, 66%, 51%)
CMYK
cmyk(0%, 57%, 66%, 49%)
Oklch
oklch(43.8% 0.105 31.1)

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

#B54632

Crimson · Sienna · Passion Red

HEX
#B54632
RGB
rgb(181, 70, 50)
HSL
hsl(9, 57%, 45%)
HSB
hsb(9, 72%, 71%)
CMYK
cmyk(0%, 61%, 72%, 29%)
Oklch
oklch(54.1% 0.149 32.3)

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

#D79D5D

Ginger · SandyBrown · Warm Sun

HEX
#D79D5D
RGB
rgb(215, 157, 93)
HSL
hsl(31, 60%, 60%)
HSB
hsb(31, 57%, 84%)
CMYK
cmyk(0%, 27%, 57%, 16%)
Oklch
oklch(73.8% 0.107 67.6)

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

#D0D289

Fresh Green · BurlyWood · Sunflower

HEX
#D0D289
RGB
rgb(208, 210, 137)
HSL
hsl(62, 45%, 68%)
HSB
hsb(62, 35%, 82%)
CMYK
cmyk(1%, 0%, 35%, 18%)
Oklch
oklch(84.5% 0.094 109.6)

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

#E6E7A5

Fresh Green · Wheat · Lemon Cream

HEX
#E6E7A5
RGB
rgb(230, 231, 165)
HSL
hsl(61, 58%, 78%)
HSB
hsb(61, 29%, 91%)
CMYK
cmyk(0%, 0%, 29%, 9%)
Oklch
oklch(91.2% 0.085 108.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82382C
2C7681

Analogous

812C4B
82382C
81622C

Triadic

82382C
2C8138
382C81

Split-Comp.

82382C
2C8162
2C4B81

Tetradic

82382C
4B812C
2C7681
622C81

Contrast Matrix WCAG 2.1 Contrast

82382C
B54632
D79D5D
D0D289
E6E7A5
—
1.5
Fail
3.5
AA Large
5.2
AA
6.4
AA
1.5
Fail
—
2.3
Fail
3.4
AA Large
4.2
AA Large
3.5
AA Large
2.3
Fail
—
1.5
Fail
1.8
Fail
5.2
AA
3.4
AA Large
1.5
Fail
—
1.2
Fail
6.4
AA
4.2
AA Large
1.8
Fail
1.2
Fail
—
White BG
8.2AAA
5.4AA
2.4Fail
1.6Fail
1.3Fail
Black BG
2.6Fail
3.9AA Large
8.9AAA
13.3AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

62612F
858437
BEBD6C
D1D19B
E6E6B5

Deuteranopia

666C30
8B9438
C1C670
D1D19F
E6E6B9

Tritanopia

7E3132
AF3B3C
D4797B
D0A9AC
E6C2C4

Achromatopsia

4D4D4D
656565
A7A7A7
C9C9C9
DFDFDF

Shades & Tints Shades & Tints

#82382C

Dark
Light

#B54632

Dark
Light

#D79D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82382c;
  --color-2: #b54632;
  --color-3: #d79d5d;
  --color-4: #d0d289;
  --color-5: #e6e7a5;
}

SCSS

$color-1: #82382c;
$color-2: #b54632;
$color-3: #d79d5d;
$color-4: #d0d289;
$color-5: #e6e7a5;

TAILWIND

colors: {
  'brand-1': '#82382c',
  'brand-2': '#b54632',
  'brand-3': '#d79d5d',
  'brand-4': '#d0d289',
  'brand-5': '#e6e7a5',
}

RGB Array

[130, 56, 44], [181, 70, 50], [215, 157, 93], [208, 210, 137], [230, 231, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #82382C, #B54632, #D79D5D, #D0D289, #E6E7A5 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: #82382c; --color-2: #b54632; --color-3: #d79d5d; --color-4: #d0d289; --color-5: #e6e7a5. 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