← Back to Editor

#A1A085 · #7A9E73 · #2C7061 · #303025 · #9E5F37

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A1A085

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A1A085
RGB
rgb(161, 160, 133)
HSL
hsl(58, 13%, 58%)
HSB
hsb(58, 17%, 63%)
CMYK
cmyk(0%, 1%, 17%, 37%)
Oklch
oklch(69.9% 0.038 105.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#7A9E73

Celadon · Gray · Olive Green

HEX
#7A9E73
RGB
rgb(122, 158, 115)
HSL
hsl(110, 18%, 54%)
HSB
hsb(110, 27%, 62%)
CMYK
cmyk(23%, 0%, 27%, 38%)
Oklch
oklch(66.1% 0.074 140.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#2C7061

Mineral Blue · SeaGreen · Mint Ice

HEX
#2C7061
RGB
rgb(44, 112, 97)
HSL
hsl(167, 44%, 31%)
HSB
hsb(167, 61%, 44%)
CMYK
cmyk(61%, 0%, 13%, 56%)
Oklch
oklch(49.7% 0.073 176.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#303025

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#303025
RGB
rgb(48, 48, 37)
HSL
hsl(60, 13%, 17%)
HSB
hsb(60, 23%, 19%)
CMYK
cmyk(0%, 0%, 23%, 81%)
Oklch
oklch(30.6% 0.019 107.5)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#9E5F37

Tangerine · Sienna · Amber Brown

HEX
#9E5F37
RGB
rgb(158, 95, 55)
HSL
hsl(23, 48%, 42%)
HSB
hsb(23, 65%, 62%)
CMYK
cmyk(0%, 40%, 65%, 38%)
Oklch
oklch(54.8% 0.099 51.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1A085
8687A2

Analogous

A29386
A1A085
95A286

Triadic

A1A085
86A2A1
A186A2

Split-Comp.

A1A085
8695A2
9386A2

Tetradic

A1A085
86A293
8687A2
A28695

Contrast Matrix WCAG 2.1 Contrast

A1A085
7A9E73
2C7061
303025
9E5F37
—
1.1
Fail
2.2
Fail
5.0
AA
1.9
Fail
1.1
Fail
—
1.9
Fail
4.4
AA Large
1.7
Fail
2.2
Fail
1.9
Fail
—
2.3
Fail
1.2
Fail
5.0
AA
4.4
AA Large
2.3
Fail
—
2.6
Fail
1.9
Fail
1.7
Fail
1.2
Fail
2.6
Fail
—
White BG
2.7Fail
3.0AA Large
5.8AA
13.3AAA
5.1AA
Black BG
7.9AAA
7.0AA
3.6AA Large
1.6Fail
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A18C
8A8A7D
494A65
303028
838241

Deuteranopia

A1A18D
888580
464066
303028
868B43

Tritanopia

A19192
7C8687
2F6768
302A2A
9B484A

Achromatopsia

9D9D9D
8E8E8E
5A5A5A
2F2F2F
6D6D6D

Shades & Tints Shades & Tints

#A1A085

Dark
Light

#7A9E73

Dark
Light

#2C7061

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1a085;
  --color-2: #7a9e73;
  --color-3: #2c7061;
  --color-4: #303025;
  --color-5: #9e5f37;
}

SCSS

$color-1: #a1a085;
$color-2: #7a9e73;
$color-3: #2c7061;
$color-4: #303025;
$color-5: #9e5f37;

TAILWIND

colors: {
  'brand-1': '#a1a085',
  'brand-2': '#7a9e73',
  'brand-3': '#2c7061',
  'brand-4': '#303025',
  'brand-5': '#9e5f37',
}

RGB Array

[161, 160, 133], [122, 158, 115], [44, 112, 97], [48, 48, 37], [158, 95, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #A1A085, #7A9E73, #2C7061, #303025, #9E5F37 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #a1a085; --color-2: #7a9e73; --color-3: #2c7061; --color-4: #303025; --color-5: #9e5f37. 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. 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