← Back to Editor

#EFE5CA · #A896A3 · #6A506C · #251834 · #D9C39E

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

#EFE5CA

Goose Yellow · Bisque · Lemon Cream

HEX
#EFE5CA
RGB
rgb(239, 229, 202)
HSL
hsl(44, 54%, 86%)
HSB
hsb(44, 15%, 94%)
CMYK
cmyk(0%, 4%, 15%, 6%)
Oklch
oklch(92.3% 0.037 90.1)

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

#A896A3

Mauve · DarkGray · Silver Sand

HEX
#A896A3
RGB
rgb(168, 150, 163)
HSL
hsl(317, 9%, 62%)
HSB
hsb(317, 11%, 66%)
CMYK
cmyk(0%, 11%, 3%, 34%)
Oklch
oklch(69.3% 0.028 335.7)

Traditional「Mauve」· Paint「Silver Sand」· Creative Urban Concrete

#6A506C

Dark Plum · DimGray · Eggplant

HEX
#6A506C
RGB
rgb(106, 80, 108)
HSL
hsl(296, 15%, 37%)
HSB
hsb(296, 26%, 42%)
CMYK
cmyk(2%, 26%, 0%, 58%)
Oklch
oklch(46.9% 0.055 324.0)

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

#251834

Deep Indigo · MidnightBlue · Dark Purple

HEX
#251834
RGB
rgb(37, 24, 52)
HSL
hsl(268, 37%, 15%)
HSB
hsb(268, 54%, 20%)
CMYK
cmyk(29%, 54%, 0%, 80%)
Oklch
oklch(24.0% 0.054 304.0)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#D9C39E

Goose Yellow · Tan · Warm Sun

HEX
#D9C39E
RGB
rgb(217, 195, 158)
HSL
hsl(38, 44%, 74%)
HSB
hsb(38, 27%, 85%)
CMYK
cmyk(0%, 10%, 27%, 15%)
Oklch
oklch(82.6% 0.055 80.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE5CA
C8D2EF

Analogous

EFD1C8
EFE5CA
E6EFC8

Triadic

EFE5CA
C8EFE4
E4C8EF

Split-Comp.

EFE5CA
C8E6EF
D1C8EF

Tetradic

EFE5CA
C8EFD1
C8D2EF
EFC8E6

Contrast Matrix WCAG 2.1 Contrast

EFE5CA
A896A3
6A506C
251834
D9C39E
—
2.2
Fail
5.6
AA
13.3
AAA
1.4
Fail
2.2
Fail
—
2.5
Fail
6.0
AA
1.6
Fail
5.6
AA
2.5
Fail
—
2.4
Fail
4.1
AA Large
13.3
AAA
6.0
AA
2.4
Fail
—
9.7
AAA
1.4
Fail
1.6
Fail
4.1
AA Large
9.7
AAA
—
White BG
1.3Fail
2.8Fail
7.1AAA
16.7AAA
1.7Fail
Black BG
16.7AAA
7.6AAA
3.0Fail
1.3Fail
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBD1
A0A0A0
5F5F65
1F1F2D
CFCFA7

Deuteranopia

EBECD2
A1A39F
606264
20212C
D1D2A9

Tritanopia

EED6D7
A79D9D
69605F
242827
D8AEB0

Achromatopsia

E5E5E5
9D9D9D
5B5B5B
1F1F1F
C5C5C5

Shades & Tints Shades & Tints

#EFE5CA

Dark
Light

#A896A3

Dark
Light

#6A506C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe5ca;
  --color-2: #a896a3;
  --color-3: #6a506c;
  --color-4: #251834;
  --color-5: #d9c39e;
}

SCSS

$color-1: #efe5ca;
$color-2: #a896a3;
$color-3: #6a506c;
$color-4: #251834;
$color-5: #d9c39e;

TAILWIND

colors: {
  'brand-1': '#efe5ca',
  'brand-2': '#a896a3',
  'brand-3': '#6a506c',
  'brand-4': '#251834',
  'brand-5': '#d9c39e',
}

RGB Array

[239, 229, 202], [168, 150, 163], [106, 80, 108], [37, 24, 52], [217, 195, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #EFE5CA, #A896A3, #6A506C, #251834, #D9C39E is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #efe5ca; --color-2: #a896a3; --color-3: #6a506c; --color-4: #251834; --color-5: #d9c39e. 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. 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