← Back to Editor

#D29844 · #985334 · #44211D · #84968A · #D6D0C3

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

#D29844

Ginger · GoldenRod · Warm Sun

HEX
#D29844
RGB
rgb(210, 152, 68)
HSL
hsl(35, 61%, 55%)
HSB
hsb(35, 68%, 82%)
CMYK
cmyk(0%, 28%, 68%, 18%)
Oklch
oklch(72.0% 0.122 73.6)

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

#985334

Tangerine · Sienna · Amber Brown

HEX
#985334
RGB
rgb(152, 83, 52)
HSL
hsl(19, 49%, 40%)
HSB
hsb(19, 66%, 60%)
CMYK
cmyk(0%, 45%, 66%, 40%)
Oklch
oklch(51.8% 0.102 44.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#44211D

Crimson · DarkSlateGray · Deep Berry

HEX
#44211D
RGB
rgb(68, 33, 29)
HSL
hsl(6, 40%, 19%)
HSB
hsb(6, 57%, 27%)
CMYK
cmyk(0%, 51%, 57%, 73%)
Oklch
oklch(29.5% 0.055 27.7)

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

#84968A

Celadon · LightSlateGray · Warm Gray

HEX
#84968A
RGB
rgb(132, 150, 138)
HSL
hsl(140, 8%, 55%)
HSB
hsb(140, 12%, 59%)
CMYK
cmyk(12%, 0%, 8%, 41%)
Oklch
oklch(65.5% 0.027 156.4)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

#D6D0C3

Goose Yellow · LightGray · Lemon Cream

HEX
#D6D0C3
RGB
rgb(214, 208, 195)
HSL
hsl(41, 19%, 80%)
HSB
hsb(41, 9%, 84%)
CMYK
cmyk(0%, 3%, 9%, 16%)
Oklch
oklch(85.9% 0.019 86.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D29844
4681D2

Analogous

D25246
D29844
C7D246

Triadic

D29844
46D298
9846D2

Split-Comp.

D29844
46C7D2
5246D2

Tetradic

D29844
46D252
4681D2
D246C7

Contrast Matrix WCAG 2.1 Contrast

D29844
985334
44211D
84968A
D6D0C3
—
2.3
Fail
5.6
AA
1.2
Fail
1.6
Fail
2.3
Fail
—
2.4
Fail
1.9
Fail
3.8
AA Large
5.6
AA
2.4
Fail
—
4.5
AA
9.2
AAA
1.2
Fail
1.9
Fail
4.5
AA
—
2.0
Fail
1.6
Fail
3.8
AA Large
9.2
AAA
2.0
Fail
—
White BG
2.5Fail
5.8AA
14.2AAA
3.1AA Large
1.5Fail
Black BG
8.3AAA
3.6AA Large
1.5Fail
6.7AA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B858
7A7A3C
35351E
8C8C8D
D3D3C6

Deuteranopia

BCC15D
7E833D
37391E
8B898E
D4D4C7

Tritanopia

CF686C
954143
421F1F
858F90
D6C9C9

Achromatopsia

A0A0A0
646464
2B2B2B
8F8F8F
D0D0D0

Shades & Tints Shades & Tints

#D29844

Dark
Light

#985334

Dark
Light

#44211D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d29844;
  --color-2: #985334;
  --color-3: #44211d;
  --color-4: #84968a;
  --color-5: #d6d0c3;
}

SCSS

$color-1: #d29844;
$color-2: #985334;
$color-3: #44211d;
$color-4: #84968a;
$color-5: #d6d0c3;

TAILWIND

colors: {
  'brand-1': '#d29844',
  'brand-2': '#985334',
  'brand-3': '#44211d',
  'brand-4': '#84968a',
  'brand-5': '#d6d0c3',
}

RGB Array

[210, 152, 68], [152, 83, 52], [68, 33, 29], [132, 150, 138], [214, 208, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #D29844, #985334, #44211D, #84968A, #D6D0C3 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: #d29844; --color-2: #985334; --color-3: #44211d; --color-4: #84968a; --color-5: #d6d0c3. 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