← Back to Editor

#D6D5AA · #ABA37E · #624C68 · #20133D · #000000

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 ThemeCorporateData Visualization

Color Details Color Details

#D6D5AA

Fresh Green · Wheat · Sunflower

HEX
#D6D5AA
RGB
rgb(214, 213, 170)
HSL
hsl(59, 35%, 75%)
HSB
hsb(59, 21%, 84%)
CMYK
cmyk(0%, 0%, 21%, 16%)
Oklch
oklch(86.3% 0.057 106.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#ABA37E

Ginger · DarkSeaGreen · Sunflower

HEX
#ABA37E
RGB
rgb(171, 163, 126)
HSL
hsl(49, 21%, 58%)
HSB
hsb(49, 26%, 67%)
CMYK
cmyk(0%, 5%, 26%, 33%)
Oklch
oklch(71.3% 0.052 97.3)

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

#624C68

Dark Plum · DimGray · Eggplant

HEX
#624C68
RGB
rgb(98, 76, 104)
HSL
hsl(287, 16%, 35%)
HSB
hsb(287, 27%, 41%)
CMYK
cmyk(6%, 27%, 0%, 59%)
Oklch
oklch(45.0% 0.052 318.9)

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

#20133D

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#20133D
RGB
rgb(32, 19, 61)
HSL
hsl(259, 53%, 16%)
HSB
hsb(259, 69%, 24%)
CMYK
cmyk(48%, 69%, 0%, 76%)
Oklch
oklch(23.1% 0.077 293.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D5AA
A9AAD6

Analogous

D6BFA9
D6D5AA
C0D6A9

Triadic

D6D5AA
A9D6D5
D5A9D6

Split-Comp.

D6D5AA
A9C0D6
BFA9D6

Tetradic

D6D5AA
A9D6BF
A9AAD6
D6A9C0

Contrast Matrix WCAG 2.1 Contrast

D6D5AA
ABA37E
624C68
20133D
000000
—
1.7
Fail
5.1
AA
11.4
AAA
14.0
AAA
1.7
Fail
—
3.0
AA Large
6.8
AA
8.3
AAA
5.1
AA
3.0
AA Large
—
2.3
Fail
2.8
Fail
11.4
AAA
6.8
AA
2.3
Fail
—
1.2
Fail
14.0
AAA
8.3
AAA
2.8
Fail
1.2
Fail
—
White BG
1.5Fail
2.5Fail
7.6AAA
17.2AAA
21.0AAA
Black BG
14.0AAA
8.3AAA
2.8Fail
1.2Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6B4
A8A787
585861
1A1A33
000000

Deuteranopia

D6D6B7
A8A989
5A5B60
1B1C30
000000

Tritanopia

D6BDBE
AB8E90
615C5B
1F2B29
000000

Achromatopsia

D0D0D0
A1A1A1
565656
1C1C1C
000000

Shades & Tints Shades & Tints

#D6D5AA

Dark
Light

#ABA37E

Dark
Light

#624C68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d5aa;
  --color-2: #aba37e;
  --color-3: #624c68;
  --color-4: #20133d;
  --color-5: #000000;
}

SCSS

$color-1: #d6d5aa;
$color-2: #aba37e;
$color-3: #624c68;
$color-4: #20133d;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#d6d5aa',
  'brand-2': '#aba37e',
  'brand-3': '#624c68',
  'brand-4': '#20133d',
  'brand-5': '#000000',
}

RGB Array

[214, 213, 170], [171, 163, 126], [98, 76, 104], [32, 19, 61], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #D6D5AA, #ABA37E, #624C68, #20133D, #000000 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #d6d5aa; --color-2: #aba37e; --color-3: #624c68; --color-4: #20133d; --color-5: #000000. 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. 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 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