← Back to Editor

#796254 · #645250 · #4D3E4B · #392F41 · #2F1B3D

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#796254

Tangerine · DimGray · Amber Brown

HEX
#796254
RGB
rgb(121, 98, 84)
HSL
hsl(23, 18%, 40%)
HSB
hsb(23, 31%, 47%)
CMYK
cmyk(0%, 19%, 31%, 53%)
Oklch
oklch(51.5% 0.037 53.0)

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

#645250

Crimson · DimGray · Wine Red

HEX
#645250
RGB
rgb(100, 82, 80)
HSL
hsl(6, 11%, 35%)
HSB
hsb(6, 20%, 39%)
CMYK
cmyk(0%, 18%, 20%, 61%)
Oklch
oklch(45.6% 0.024 25.5)

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

#4D3E4B

Rose Purple · DarkSlateGray · Eggplant

HEX
#4D3E4B
RGB
rgb(77, 62, 75)
HSL
hsl(308, 11%, 27%)
HSB
hsb(308, 19%, 30%)
CMYK
cmyk(0%, 19%, 3%, 70%)
Oklch
oklch(38.5% 0.029 330.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#392F41

Dark Plum · DarkSlateGray · Eggplant

HEX
#392F41
RGB
rgb(57, 47, 65)
HSL
hsl(273, 16%, 22%)
HSB
hsb(273, 28%, 25%)
CMYK
cmyk(12%, 28%, 0%, 75%)
Oklch
oklch(32.4% 0.034 309.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#2F1B3D

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2F1B3D
RGB
rgb(47, 27, 61)
HSL
hsl(275, 39%, 17%)
HSB
hsb(275, 56%, 24%)
CMYK
cmyk(23%, 56%, 0%, 76%)
Oklch
oklch(26.6% 0.066 309.8)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

796254
546A78

Analogous

785458
796254
787454

Triadic

796254
547862
625478

Split-Comp.

796254
547874
545878

Tetradic

796254
587854
546A78
745478

Contrast Matrix WCAG 2.1 Contrast

796254
645250
4D3E4B
392F41
2F1B3D
—
1.3
Fail
1.8
Fail
2.2
Fail
2.7
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
2.2
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
2.7
Fail
2.1
Fail
1.6
Fail
1.2
Fail
—
White BG
5.7AA
7.3AAA
10.0AAA
12.7AAA
15.6AAA
Black BG
3.7AA Large
2.9Fail
2.1Fail
1.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6F57
5C5C50
474648
35353D
262635

Deuteranopia

707258
5D5F51
474947
35363C
282933

Tritanopia

785A5B
635151
4C4545
393938
2E2E2D

Achromatopsia

676767
575757
444444
343434
252525

Shades & Tints Shades & Tints

#796254

Dark
Light

#645250

Dark
Light

#4D3E4B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #796254;
  --color-2: #645250;
  --color-3: #4d3e4b;
  --color-4: #392f41;
  --color-5: #2f1b3d;
}

SCSS

$color-1: #796254;
$color-2: #645250;
$color-3: #4d3e4b;
$color-4: #392f41;
$color-5: #2f1b3d;

TAILWIND

colors: {
  'brand-1': '#796254',
  'brand-2': '#645250',
  'brand-3': '#4d3e4b',
  'brand-4': '#392f41',
  'brand-5': '#2f1b3d',
}

RGB Array

[121, 98, 84], [100, 82, 80], [77, 62, 75], [57, 47, 65], [47, 27, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #796254, #645250, #4D3E4B, #392F41, #2F1B3D 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: #796254; --color-2: #645250; --color-3: #4d3e4b; --color-4: #392f41; --color-5: #2f1b3d. 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