#EA9B9F + #ECDC59 + #D87728 + #85C3AA + #9C4CA7 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EA9B9F

Peach Pink · DarkSalmon · Coral Red

HEX

#EA9B9F

RGB

rgb(234, 155, 159)

HSL

hsl(357, 65%, 76%)

HSB

hsb(357, 34%, 92%)

CMYK

cmyk(0%, 34%, 32%, 8%)

Oklch

oklch(76.9% 0.095 16.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#ECDC59

Fresh Green · Khaki · Sunflower

HEX

#ECDC59

RGB

rgb(236, 220, 89)

HSL

hsl(53, 79%, 64%)

HSB

hsb(53, 62%, 93%)

CMYK

cmyk(0%, 7%, 62%, 7%)

Oklch

oklch(88.3% 0.150 102.4)

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

#D87728

Tangerine · Chocolate · Amber Brown

HEX

#D87728

RGB

rgb(216, 119, 40)

HSL

hsl(27, 69%, 50%)

HSB

hsb(27, 81%, 85%)

CMYK

cmyk(0%, 45%, 81%, 15%)

Oklch

oklch(66.6% 0.149 54.6)

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

#85C3AA

Jade · DarkSeaGreen · Apple Green

HEX

#85C3AA

RGB

rgb(133, 195, 170)

HSL

hsl(156, 34%, 64%)

HSB

hsb(156, 32%, 76%)

CMYK

cmyk(32%, 0%, 13%, 24%)

Oklch

oklch(76.8% 0.073 167.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#9C4CA7

Dark Plum · DarkOrchid · Violet

HEX

#9C4CA7

RGB

rgb(156, 76, 167)

HSL

hsl(293, 37%, 48%)

HSB

hsb(293, 54%, 65%)

CMYK

cmyk(7%, 54%, 0%, 35%)

Oklch

oklch(55.1% 0.159 322.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA9B9F

9AEAE6

Analogous

EA9AC6

EA9B9F

EABE9A

Triadic

EA9B9F

9EEA9A

9A9EEA

Split-Comp.

EA9B9F

9AEABE

9AC6EA

Tetradic

EA9B9F

C6EA9A

9AEAE6

BE9AEA

Contrast Matrix WCAG 2.1 Contrast

EA9B9F	ECDC59	D87728	85C3AA	9C4CA7
—	1.5 Fail	1.5 Fail	1.1 Fail	2.4 Fail
1.5 Fail	—	2.3 Fail	1.4 Fail	3.7 AA Large
1.5 Fail	2.3 Fail	—	1.6 Fail	1.6 Fail
1.1 Fail	1.4 Fail	1.6 Fail	—	2.6 Fail
2.4 Fail	3.7 AA Large	1.6 Fail	2.6 Fail	—

White BG

2.2Fail

1.4Fail

3.2AA Large

2.0Fail

5.2AA

Black BG

9.7AAA

14.9AAA

6.6AA

10.4AAA

4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C79E

E5E579

AEAD3B

A0A0B0

797991

Deuteranopia

CCD29E

E6E780

B4BB40

9C98B2

7E848C

Tritanopia

E69D9D

EB9297

D34A4E

88B5B6

98807C

Achromatopsia

B3B3B3

D2D2D2

8B8B8B

AEAEAE

6E6E6E

Shades & Tints Shades & Tints

#EA9B9F

Dark

Light

#ECDC59

Dark

Light

#D87728

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea9b9f;
  --color-2: #ecdc59;
  --color-3: #d87728;
  --color-4: #85c3aa;
  --color-5: #9c4ca7;
}

SCSS

$color-1: #ea9b9f;
$color-2: #ecdc59;
$color-3: #d87728;
$color-4: #85c3aa;
$color-5: #9c4ca7;

TAILWIND

colors: {
  'brand-1': '#ea9b9f',
  'brand-2': '#ecdc59',
  'brand-3': '#d87728',
  'brand-4': '#85c3aa',
  'brand-5': '#9c4ca7',
}

RGB Array

[234, 155, 159], [236, 220, 89], [216, 119, 40], [133, 195, 170], [156, 76, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #EA9B9F, #ECDC59, #D87728, #85C3AA, #9C4CA7 is ideal for: corporate websites, product showcases, portfolios. 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: #ea9b9f; --color-2: #ecdc59; --color-3: #d87728; --color-4: #85c3aa; --color-5: #9c4ca7. 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. 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