← Back to Editor

#C0B068 · #A2894C · #72574F · #4E424C · #3B3C46

earth

A 5-color earth palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#C0B068

Ginger · Tan · Sunflower

HEX
#C0B068
RGB
rgb(192, 176, 104)
HSL
hsl(49, 41%, 58%)
HSB
hsb(49, 46%, 75%)
CMYK
cmyk(0%, 8%, 46%, 25%)
Oklch
oklch(75.5% 0.094 97.2)

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

#A2894C

Ochre · Gray · Honey Gold

HEX
#A2894C
RGB
rgb(162, 137, 76)
HSL
hsl(43, 36%, 47%)
HSB
hsb(43, 53%, 64%)
CMYK
cmyk(0%, 15%, 53%, 36%)
Oklch
oklch(64.0% 0.086 87.7)

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

#72574F

Crimson · DimGray · Wine Red

HEX
#72574F
RGB
rgb(114, 87, 79)
HSL
hsl(14, 18%, 38%)
HSB
hsb(14, 31%, 45%)
CMYK
cmyk(0%, 24%, 31%, 55%)
Oklch
oklch(48.2% 0.038 37.1)

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

#4E424C

Rose Purple · DarkSlateGray · Charcoal

HEX
#4E424C
RGB
rgb(78, 66, 76)
HSL
hsl(310, 8%, 28%)
HSB
hsb(310, 15%, 31%)
CMYK
cmyk(0%, 15%, 3%, 69%)
Oklch
oklch(39.5% 0.023 331.6)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

#3B3C46

Indigo · DarkSlateGray · Dark Stone

HEX
#3B3C46
RGB
rgb(59, 60, 70)
HSL
hsl(235, 9%, 25%)
HSB
hsb(235, 16%, 27%)
CMYK
cmyk(16%, 14%, 0%, 73%)
Oklch
oklch(35.9% 0.017 281.0)

Traditional「Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0B068
6878C0

Analogous

C08468
C0B068
A4C068

Triadic

C0B068
68C0B0
B068C0

Split-Comp.

C0B068
68A4C0
8468C0

Tetradic

C0B068
68C084
6878C0
C068A4

Contrast Matrix WCAG 2.1 Contrast

C0B068
A2894C
72574F
4E424C
3B3C46
—
1.6
Fail
3.0
AA Large
4.4
AA Large
5.0
AA
1.6
Fail
—
1.9
Fail
2.8
Fail
3.2
AA Large
3.0
AA Large
1.9
Fail
—
1.4
Fail
1.7
Fail
4.4
AA Large
2.8
Fail
1.4
Fail
—
1.1
Fail
5.0
AA
3.2
AA Large
1.7
Fail
1.1
Fail
—
White BG
2.2Fail
3.4AA Large
6.6AA
9.5AAA
10.9AAA
Black BG
9.7AAA
6.2AA
3.2AA Large
2.2Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B979
97975B
666651
49494A
3B3B44

Deuteranopia

BABB7E
999B5E
686A51
4A4A49
3B3B43

Tritanopia

BF878A
A16669
715253
4D4847
3B4241

Achromatopsia

ADADAD
8A8A8A
5E5E5E
474747
3D3D3D

Shades & Tints Shades & Tints

#C0B068

Dark
Light

#A2894C

Dark
Light

#72574F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0b068;
  --color-2: #a2894c;
  --color-3: #72574f;
  --color-4: #4e424c;
  --color-5: #3b3c46;
}

SCSS

$color-1: #c0b068;
$color-2: #a2894c;
$color-3: #72574f;
$color-4: #4e424c;
$color-5: #3b3c46;

TAILWIND

colors: {
  'brand-1': '#c0b068',
  'brand-2': '#a2894c',
  'brand-3': '#72574f',
  'brand-4': '#4e424c',
  'brand-5': '#3b3c46',
}

RGB Array

[192, 176, 104], [162, 137, 76], [114, 87, 79], [78, 66, 76], [59, 60, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #C0B068, #A2894C, #72574F, #4E424C, #3B3C46 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c0b068; --color-2: #a2894c; --color-3: #72574f; --color-4: #4e424c; --color-5: #3b3c46. 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. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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