← Back to Editor

#EDE0C0 · #D8B9B4 · #A58995 · #987F7B · #7E6F5C

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

#EDE0C0

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE0C0
RGB
rgb(237, 224, 192)
HSL
hsl(43, 56%, 84%)
HSB
hsb(43, 19%, 93%)
CMYK
cmyk(0%, 5%, 19%, 7%)
Oklch
oklch(90.9% 0.045 88.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D8B9B4

Peach Pink · Silver · Coral Red

HEX
#D8B9B4
RGB
rgb(216, 185, 180)
HSL
hsl(8, 32%, 78%)
HSB
hsb(8, 17%, 85%)
CMYK
cmyk(0%, 14%, 17%, 15%)
Oklch
oklch(81.1% 0.036 28.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A58995

Dark Violet · DarkGray · Rose Pink

HEX
#A58995
RGB
rgb(165, 137, 149)
HSL
hsl(334, 13%, 59%)
HSB
hsb(334, 17%, 65%)
CMYK
cmyk(0%, 17%, 10%, 35%)
Oklch
oklch(66.0% 0.038 350.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#987F7B

Crimson · Gray · Passion Red

HEX
#987F7B
RGB
rgb(152, 127, 123)
HSL
hsl(8, 12%, 54%)
HSB
hsb(8, 19%, 60%)
CMYK
cmyk(0%, 16%, 19%, 40%)
Oklch
oklch(61.9% 0.032 28.7)

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

#7E6F5C

Ochre · DimGray · Amber Brown

HEX
#7E6F5C
RGB
rgb(126, 111, 92)
HSL
hsl(34, 16%, 43%)
HSB
hsb(34, 27%, 49%)
CMYK
cmyk(0%, 12%, 27%, 51%)
Oklch
oklch(55.0% 0.034 73.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE0C0
BFCCED

Analogous

EDC9BF
EDE0C0
E3EDBF

Triadic

EDE0C0
BFEDE0
E0BFED

Split-Comp.

EDE0C0
BFE3ED
C9BFED

Tetradic

EDE0C0
BFEDC9
BFCCED
EDBFE3

Contrast Matrix WCAG 2.1 Contrast

EDE0C0
D8B9B4
A58995
987F7B
7E6F5C
—
1.4
Fail
2.4
Fail
2.8
Fail
3.7
AA Large
1.4
Fail
—
1.7
Fail
2.0
Fail
2.7
Fail
2.4
Fail
1.7
Fail
—
1.2
Fail
1.5
Fail
2.8
Fail
2.0
Fail
1.2
Fail
—
1.3
Fail
3.7
AA Large
2.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.3Fail
1.8Fail
3.2AA Large
3.7AA Large
4.9AA
Black BG
16.0AAA
11.5AAA
6.6AA
5.7AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C8
CBCAB5
999992
8D8D7C
787761

Deuteranopia

E8E9CA
CCCFB6
9B9D91
8F917C
787962

Tritanopia

ECCECF
D6B6B6
A4908F
977D7D
7D6465

Achromatopsia

E0E0E0
C2C2C2
939393
868686
717171

Shades & Tints Shades & Tints

#EDE0C0

Dark
Light

#D8B9B4

Dark
Light

#A58995

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede0c0;
  --color-2: #d8b9b4;
  --color-3: #a58995;
  --color-4: #987f7b;
  --color-5: #7e6f5c;
}

SCSS

$color-1: #ede0c0;
$color-2: #d8b9b4;
$color-3: #a58995;
$color-4: #987f7b;
$color-5: #7e6f5c;

TAILWIND

colors: {
  'brand-1': '#ede0c0',
  'brand-2': '#d8b9b4',
  'brand-3': '#a58995',
  'brand-4': '#987f7b',
  'brand-5': '#7e6f5c',
}

RGB Array

[237, 224, 192], [216, 185, 180], [165, 137, 149], [152, 127, 123], [126, 111, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #EDE0C0, #D8B9B4, #A58995, #987F7B, #7E6F5C 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: #ede0c0; --color-2: #d8b9b4; --color-3: #a58995; --color-4: #987f7b; --color-5: #7e6f5c. 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