← Back to Editor

#0A0B06 · #39311E · #AD9B73 · #0F0B03 · #EBDDC4

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

#0A0B06

Grass Green · Black · Dark Green

HEX
#0A0B06
RGB
rgb(10, 11, 6)
HSL
hsl(72, 29%, 3%)
HSB
hsb(72, 45%, 4%)
CMYK
cmyk(9%, 0%, 45%, 96%)
Oklch
oklch(14.6% 0.012 116.1)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#39311E

Ochre · DarkSlateGray · Amber Gold

HEX
#39311E
RGB
rgb(57, 49, 30)
HSL
hsl(42, 31%, 17%)
HSB
hsb(42, 47%, 22%)
CMYK
cmyk(0%, 14%, 47%, 78%)
Oklch
oklch(31.6% 0.033 87.6)

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

#AD9B73

Ginger · Tan · Sunflower

HEX
#AD9B73
RGB
rgb(173, 155, 115)
HSL
hsl(41, 26%, 56%)
HSB
hsb(41, 34%, 68%)
CMYK
cmyk(0%, 10%, 34%, 32%)
Oklch
oklch(69.5% 0.059 86.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#0F0B03

Ochre · Black · Amber Gold

HEX
#0F0B03
RGB
rgb(15, 11, 3)
HSL
hsl(40, 67%, 4%)
HSB
hsb(40, 80%, 6%)
CMYK
cmyk(0%, 27%, 80%, 94%)
Oklch
oklch(15.2% 0.021 88.9)

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

#EBDDC4

Goose Yellow · Wheat · Peach Orange

HEX
#EBDDC4
RGB
rgb(235, 221, 196)
HSL
hsl(38, 49%, 85%)
HSB
hsb(38, 17%, 92%)
CMYK
cmyk(0%, 6%, 17%, 8%)
Oklch
oklch(90.2% 0.037 82.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0B06
06050A

Analogous

0A0905
0A0B06
070A05

Triadic

0A0B06
05090A
0A0509

Split-Comp.

0A0B06
05070A
09050A

Tetradic

0A0B06
050A09
06050A
0A0507

Contrast Matrix WCAG 2.1 Contrast

0A0B06
39311E
AD9B73
0F0B03
EBDDC4
—
1.5
Fail
7.3
AAA
1.0
Fail
14.7
AAA
1.5
Fail
—
4.7
AA
1.5
Fail
9.6
AAA
7.3
AAA
4.7
AA
—
7.2
AAA
2.0
Fail
1.0
Fail
1.5
Fail
7.2
AAA
—
14.7
AAA
14.7
AAA
9.6
AAA
2.0
Fail
14.7
AAA
—
White BG
19.7AAA
12.9AAA
2.7Fail
19.6AAA
1.3Fail
Black BG
1.1Fail
1.6Fail
7.7AAA
1.1Fail
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A07
363523
A5A57D
0D0D05
E5E5CA

Deuteranopia

0A0A07
363724
A6A87F
0E0E05
E6E7CC

Tritanopia

0A0808
392627
AC8486
0F0607
EACFD0

Achromatopsia

0A0A0A
313131
9C9C9C
0B0B0B
DEDEDE

Shades & Tints Shades & Tints

#0A0B06

Dark
Light

#39311E

Dark
Light

#AD9B73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0b06;
  --color-2: #39311e;
  --color-3: #ad9b73;
  --color-4: #0f0b03;
  --color-5: #ebddc4;
}

SCSS

$color-1: #0a0b06;
$color-2: #39311e;
$color-3: #ad9b73;
$color-4: #0f0b03;
$color-5: #ebddc4;

TAILWIND

colors: {
  'brand-1': '#0a0b06',
  'brand-2': '#39311e',
  'brand-3': '#ad9b73',
  'brand-4': '#0f0b03',
  'brand-5': '#ebddc4',
}

RGB Array

[10, 11, 6], [57, 49, 30], [173, 155, 115], [15, 11, 3], [235, 221, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #0A0B06, #39311E, #AD9B73, #0F0B03, #EBDDC4 is ideal for: tech websites, dark mode UIs, game UIs, 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: #0a0b06; --color-2: #39311e; --color-3: #ad9b73; --color-4: #0f0b03; --color-5: #ebddc4. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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