← Back to Editor

#EA8EAE · #DCA9BF · #FCC689 · #F5F7D2 · #CFE6D4

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

#EA8EAE

Rouge · LightCoral · Rose Pink

HEX
#EA8EAE
RGB
rgb(234, 142, 174)
HSL
hsl(339, 69%, 74%)
HSB
hsb(339, 39%, 92%)
CMYK
cmyk(0%, 39%, 26%, 8%)
Oklch
oklch(75.1% 0.117 358.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DCA9BF

Rouge · Silver · Cherry Blossom

HEX
#DCA9BF
RGB
rgb(220, 169, 191)
HSL
hsl(334, 42%, 76%)
HSB
hsb(334, 23%, 86%)
CMYK
cmyk(0%, 23%, 13%, 14%)
Oklch
oklch(78.8% 0.066 351.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FCC689

Goose Yellow · BurlyWood · Peach Orange

HEX
#FCC689
RGB
rgb(252, 198, 137)
HSL
hsl(32, 95%, 76%)
HSB
hsb(32, 46%, 99%)
CMYK
cmyk(0%, 21%, 46%, 1%)
Oklch
oklch(86.1% 0.099 69.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F5F7D2

Fresh Green · Beige · Lemon Cream

HEX
#F5F7D2
RGB
rgb(245, 247, 210)
HSL
hsl(63, 70%, 90%)
HSB
hsb(63, 15%, 97%)
CMYK
cmyk(1%, 0%, 15%, 3%)
Oklch
oklch(96.5% 0.048 109.8)

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

#CFE6D4

Celadon · LightGray · Mint Green

HEX
#CFE6D4
RGB
rgb(207, 230, 212)
HSL
hsl(133, 32%, 86%)
HSB
hsb(133, 10%, 90%)
CMYK
cmyk(10%, 0%, 8%, 10%)
Oklch
oklch(90.3% 0.034 152.0)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA8EAE
8FEACA

Analogous

EA8FDD
EA8EAE
EA9D8F

Triadic

EA8EAE
AFEA8F
8FAFEA

Split-Comp.

EA8EAE
8FEA9D
8FDDEA

Tetradic

EA8EAE
DDEA8F
8FEACA
9D8FEA

Contrast Matrix WCAG 2.1 Contrast

EA8EAE
DCA9BF
FCC689
F5F7D2
CFE6D4
—
1.2
Fail
1.5
Fail
2.1
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
1.2
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
1.2
Fail
1.8
Fail
1.5
Fail
1.2
Fail
1.2
Fail
—
White BG
2.3Fail
2.0Fail
1.5Fail
1.1Fail
1.3Fail
Black BG
9.0AAA
10.5AAA
13.6AAA
19.1AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C1A6
C6C5BA
E5E498
F6F6DB
D9D9D8

Deuteranopia

C8CEA4
C9CDB8
E8EC9B
F6F6DD
D8D6D9

Tritanopia

E5A09F
D9B5B5
F9A3A6
F5E2E4
D0DCDD

Achromatopsia

ADADAD
BBBBBB
CFCFCF
F2F2F2
DDDDDD

Shades & Tints Shades & Tints

#EA8EAE

Dark
Light

#DCA9BF

Dark
Light

#FCC689

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea8eae;
  --color-2: #dca9bf;
  --color-3: #fcc689;
  --color-4: #f5f7d2;
  --color-5: #cfe6d4;
}

SCSS

$color-1: #ea8eae;
$color-2: #dca9bf;
$color-3: #fcc689;
$color-4: #f5f7d2;
$color-5: #cfe6d4;

TAILWIND

colors: {
  'brand-1': '#ea8eae',
  'brand-2': '#dca9bf',
  'brand-3': '#fcc689',
  'brand-4': '#f5f7d2',
  'brand-5': '#cfe6d4',
}

RGB Array

[234, 142, 174], [220, 169, 191], [252, 198, 137], [245, 247, 210], [207, 230, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #EA8EAE, #DCA9BF, #FCC689, #F5F7D2, #CFE6D4 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ea8eae; --color-2: #dca9bf; --color-3: #fcc689; --color-4: #f5f7d2; --color-5: #cfe6d4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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