← Back to Editor

#816250 · #6B7D6D · #7F7969 · #997464 · #B3755E

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 Library

Color Details Color Details

#816250

Tangerine · DimGray · Amber Brown

HEX
#816250
RGB
rgb(129, 98, 80)
HSL
hsl(22, 23%, 41%)
HSB
hsb(22, 38%, 51%)
CMYK
cmyk(0%, 24%, 38%, 49%)
Oklch
oklch(52.3% 0.049 51.5)

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

#6B7D6D

Celadon · DimGray · Warm Gray

HEX
#6B7D6D
RGB
rgb(107, 125, 109)
HSL
hsl(127, 8%, 45%)
HSB
hsb(127, 14%, 49%)
CMYK
cmyk(14%, 0%, 13%, 51%)
Oklch
oklch(57.0% 0.032 148.3)

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

#7F7969

Ochre · Gray · Warm Gray

HEX
#7F7969
RGB
rgb(127, 121, 105)
HSL
hsl(44, 9%, 45%)
HSB
hsb(44, 17%, 50%)
CMYK
cmyk(0%, 5%, 17%, 50%)
Oklch
oklch(57.7% 0.025 89.9)

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

#997464

Tangerine · Gray · Amber Brown

HEX
#997464
RGB
rgb(153, 116, 100)
HSL
hsl(18, 21%, 50%)
HSB
hsb(18, 35%, 60%)
CMYK
cmyk(0%, 24%, 35%, 40%)
Oklch
oklch(59.1% 0.053 44.5)

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

#B3755E

Tangerine · Gray · Warm Sun

HEX
#B3755E
RGB
rgb(179, 117, 94)
HSL
hsl(16, 36%, 54%)
HSB
hsb(16, 47%, 70%)
CMYK
cmyk(0%, 35%, 47%, 30%)
Oklch
oklch(62.2% 0.086 41.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

816250
516F81

Analogous

815157
816250
817A51

Triadic

816250
518162
625181

Split-Comp.

816250
51817A
515781

Tetradic

816250
578151
516F81
7A5181

Contrast Matrix WCAG 2.1 Contrast

816250
6B7D6D
7F7969
997464
B3755E
—
1.3
Fail
1.3
Fail
1.3
Fail
1.5
Fail
1.3
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.5
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
5.5AA
4.4AA Large
4.3AA Large
4.2AA Large
3.7AA Large
Black BG
3.8AA Large
4.8AA
4.8AA
5.0AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

747354
737371
7C7C6D
898968
989864

Deuteranopia

757855
727072
7D7D6E
8B8E69
9CA065

Tritanopia

7F5859
6C7475
7F7071
976B6C
B06869

Achromatopsia

696969
767676
797979
7D7D7D
858585

Shades & Tints Shades & Tints

#816250

Dark
Light

#6B7D6D

Dark
Light

#7F7969

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #816250;
  --color-2: #6b7d6d;
  --color-3: #7f7969;
  --color-4: #997464;
  --color-5: #b3755e;
}

SCSS

$color-1: #816250;
$color-2: #6b7d6d;
$color-3: #7f7969;
$color-4: #997464;
$color-5: #b3755e;

TAILWIND

colors: {
  'brand-1': '#816250',
  'brand-2': '#6b7d6d',
  'brand-3': '#7f7969',
  'brand-4': '#997464',
  'brand-5': '#b3755e',
}

RGB Array

[129, 98, 80], [107, 125, 109], [127, 121, 105], [153, 116, 100], [179, 117, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #816250, #6B7D6D, #7F7969, #997464, #B3755E is ideal for: brand design, premium product pages, magazine layouts. 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: #816250; --color-2: #6b7d6d; --color-3: #7f7969; --color-4: #997464; --color-5: #b3755e. 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. 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. 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