← Back to Editor

#9F555B · #EC5A6A · #FA7D72 · #E4A480 · #E4C17E

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#9F555B

Crimson · Sienna · Passion Red

HEX
#9F555B
RGB
rgb(159, 85, 91)
HSL
hsl(355, 30%, 48%)
HSB
hsb(355, 47%, 62%)
CMYK
cmyk(0%, 47%, 43%, 38%)
Oklch
oklch(53.9% 0.098 15.8)

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

#EC5A6A

Peach Pink · Tomato · Coral Red

HEX
#EC5A6A
RGB
rgb(236, 90, 106)
HSL
hsl(353, 79%, 64%)
HSB
hsb(353, 62%, 93%)
CMYK
cmyk(0%, 62%, 55%, 7%)
Oklch
oklch(66.2% 0.180 17.0)

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

#FA7D72

Peach Pink · Salmon · Coral Red

HEX
#FA7D72
RGB
rgb(250, 125, 114)
HSL
hsl(5, 93%, 71%)
HSB
hsb(5, 54%, 98%)
CMYK
cmyk(0%, 50%, 54%, 2%)
Oklch
oklch(73.1% 0.155 26.7)

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

#E4A480

Apricot · DarkSalmon · Warm Sun

HEX
#E4A480
RGB
rgb(228, 164, 128)
HSL
hsl(22, 65%, 70%)
HSB
hsb(22, 44%, 89%)
CMYK
cmyk(0%, 28%, 44%, 11%)
Oklch
oklch(77.1% 0.091 50.3)

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

#E4C17E

Ginger · BurlyWood · Warm Sun

HEX
#E4C17E
RGB
rgb(228, 193, 126)
HSL
hsl(39, 65%, 69%)
HSB
hsb(39, 45%, 89%)
CMYK
cmyk(0%, 15%, 45%, 11%)
Oklch
oklch(82.6% 0.094 82.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F555B
569F99

Analogous

9F5681
9F555B
9F7456

Triadic

9F555B
5C9F56
565C9F

Split-Comp.

9F555B
569F74
56819F

Tetradic

9F555B
819F56
569F99
74569F

Contrast Matrix WCAG 2.1 Contrast

9F555B
EC5A6A
FA7D72
E4A480
E4C17E
—
1.6
Fail
2.1
Fail
2.5
Fail
3.1
AA Large
1.6
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.5
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
3.1
AA Large
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
5.4AA
3.4AA Large
2.5Fail
2.1Fail
1.7Fail
Black BG
3.9AA Large
6.2AA
8.2AAA
9.9AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7E5A
ADAB66
C4C375
C8C889
D5D58E

Deuteranopia

838959
B5C065
CBD575
CCD18B
D7DA92

Tritanopia

9B5858
E56362
F47777
E19091
E29B9E

Achromatopsia

6C6C6C
878787
A1A1A1
B3B3B3
C4C4C4

Shades & Tints Shades & Tints

#9F555B

Dark
Light

#EC5A6A

Dark
Light

#FA7D72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f555b;
  --color-2: #ec5a6a;
  --color-3: #fa7d72;
  --color-4: #e4a480;
  --color-5: #e4c17e;
}

SCSS

$color-1: #9f555b;
$color-2: #ec5a6a;
$color-3: #fa7d72;
$color-4: #e4a480;
$color-5: #e4c17e;

TAILWIND

colors: {
  'brand-1': '#9f555b',
  'brand-2': '#ec5a6a',
  'brand-3': '#fa7d72',
  'brand-4': '#e4a480',
  'brand-5': '#e4c17e',
}

RGB Array

[159, 85, 91], [236, 90, 106], [250, 125, 114], [228, 164, 128], [228, 193, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #9F555B, #EC5A6A, #FA7D72, #E4A480, #E4C17E is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #9f555b; --color-2: #ec5a6a; --color-3: #fa7d72; --color-4: #e4a480; --color-5: #e4c17e. 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 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