← Back to Editor

#E0E7A7 · #E4B97B · #C1004F · #440931 · #25BCA9

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E0E7A7

Fresh Green · Wheat · Lemon Cream

HEX
#E0E7A7
RGB
rgb(224, 231, 167)
HSL
hsl(67, 57%, 78%)
HSB
hsb(67, 28%, 91%)
CMYK
cmyk(3%, 0%, 28%, 9%)
Oklch
oklch(90.7% 0.083 113.1)

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

#E4B97B

Ginger · BurlyWood · Warm Sun

HEX
#E4B97B
RGB
rgb(228, 185, 123)
HSL
hsl(35, 66%, 69%)
HSB
hsb(35, 46%, 89%)
CMYK
cmyk(0%, 19%, 46%, 11%)
Oklch
oklch(81.0% 0.094 75.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#C1004F

Dark Violet · Crimson · Camellia

HEX
#C1004F
RGB
rgb(193, 0, 79)
HSL
hsl(335, 100%, 38%)
HSB
hsb(335, 100%, 76%)
CMYK
cmyk(0%, 100%, 59%, 24%)
Oklch
oklch(51.9% 0.208 9.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#440931

Rose Purple · MidnightBlue · Dark Purple

HEX
#440931
RGB
rgb(68, 9, 49)
HSL
hsl(319, 77%, 15%)
HSB
hsb(319, 87%, 27%)
CMYK
cmyk(0%, 87%, 28%, 73%)
Oklch
oklch(26.8% 0.099 344.4)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#25BCA9

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#25BCA9
RGB
rgb(37, 188, 169)
HSL
hsl(172, 67%, 44%)
HSB
hsb(172, 80%, 74%)
CMYK
cmyk(80%, 0%, 10%, 26%)
Oklch
oklch(71.7% 0.122 181.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0E7A7
AEA7E7

Analogous

E7CEA7
E0E7A7
BFE7A7

Triadic

E0E7A7
A7DFE7
E7A7DF

Split-Comp.

E0E7A7
A7BFE7
CEA7E7

Tetradic

E0E7A7
A7E7CE
AEA7E7
E7A7BF

Contrast Matrix WCAG 2.1 Contrast

E0E7A7
E4B97B
C1004F
440931
25BCA9
—
1.4
Fail
4.8
AA
12.2
AAA
1.8
Fail
1.4
Fail
—
3.4
AA Large
8.7
AAA
1.3
Fail
4.8
AA
3.4
AA Large
—
2.5
Fail
2.6
Fail
12.2
AAA
8.7
AAA
2.5
Fail
—
6.7
AA
1.8
Fail
1.3
Fail
2.6
Fail
6.7
AA
—
White BG
1.3Fail
1.8Fail
6.2AA
15.8AAA
2.4Fail
Black BG
16.2AAA
11.5AAA
3.4AA Large
1.3Fail
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3B6
D1D18A
6D6C3C
2A2A27
6668AE

Deuteranopia

E3E2BA
D4D78E
798737
2E3225
5E52AF

Tritanopia

E0C3C5
E29698
B72D29
41201E
2DB1B2

Achromatopsia

DEDEDE
BFBFBF
434343
1F1F1F
8D8D8D

Shades & Tints Shades & Tints

#E0E7A7

Dark
Light

#E4B97B

Dark
Light

#C1004F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0e7a7;
  --color-2: #e4b97b;
  --color-3: #c1004f;
  --color-4: #440931;
  --color-5: #25bca9;
}

SCSS

$color-1: #e0e7a7;
$color-2: #e4b97b;
$color-3: #c1004f;
$color-4: #440931;
$color-5: #25bca9;

TAILWIND

colors: {
  'brand-1': '#e0e7a7',
  'brand-2': '#e4b97b',
  'brand-3': '#c1004f',
  'brand-4': '#440931',
  'brand-5': '#25bca9',
}

RGB Array

[224, 231, 167], [228, 185, 123], [193, 0, 79], [68, 9, 49], [37, 188, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #E0E7A7, #E4B97B, #C1004F, #440931, #25BCA9 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e0e7a7; --color-2: #e4b97b; --color-3: #c1004f; --color-4: #440931; --color-5: #25bca9. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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