← Back to Editor

#E84D99 · #FAA4C9 · #D58D7F · #EDD4BE · #A9CDC1

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#E84D99

Rouge · LightCoral · Rose Pink

HEX
#E84D99
RGB
rgb(232, 77, 153)
HSL
hsl(331, 77%, 61%)
HSB
hsb(331, 67%, 91%)
CMYK
cmyk(0%, 67%, 34%, 9%)
Oklch
oklch(65.5% 0.203 354.0)

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

#FAA4C9

Rouge · LightPink · Cherry Blossom

HEX
#FAA4C9
RGB
rgb(250, 164, 201)
HSL
hsl(334, 90%, 81%)
HSB
hsb(334, 34%, 98%)
CMYK
cmyk(0%, 34%, 20%, 2%)
Oklch
oklch(81.4% 0.111 352.4)

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

#D58D7F

Peach Pink · DarkSalmon · Coral Red

HEX
#D58D7F
RGB
rgb(213, 141, 127)
HSL
hsl(10, 51%, 67%)
HSB
hsb(10, 40%, 84%)
CMYK
cmyk(0%, 34%, 40%, 16%)
Oklch
oklch(71.3% 0.091 31.5)

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

#EDD4BE

Apricot · Wheat · Peach Orange

HEX
#EDD4BE
RGB
rgb(237, 212, 190)
HSL
hsl(28, 57%, 84%)
HSB
hsb(28, 20%, 93%)
CMYK
cmyk(0%, 11%, 20%, 7%)
Oklch
oklch(88.5% 0.041 63.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A9CDC1

Jade · Silver · Lake Green

HEX
#A9CDC1
RGB
rgb(169, 205, 193)
HSL
hsl(160, 26%, 73%)
HSB
hsb(160, 18%, 80%)
CMYK
cmyk(18%, 0%, 6%, 20%)
Oklch
oklch(81.9% 0.042 173.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E84D99
4FE89E

Analogous

E84FE6
E84D99
E8524F

Triadic

E84D99
99E84F
4F99E8

Split-Comp.

E84D99
4FE852
4FE6E8

Tetradic

E84D99
E6E84F
4FE89E
524FE8

Contrast Matrix WCAG 2.1 Contrast

E84D99
FAA4C9
D58D7F
EDD4BE
A9CDC1
—
1.9
Fail
1.3
Fail
2.5
Fail
2.0
Fail
1.9
Fail
—
1.4
Fail
1.3
Fail
1.1
Fail
1.3
Fail
1.4
Fail
—
1.9
Fail
1.5
Fail
2.5
Fail
1.3
Fail
1.9
Fail
—
1.2
Fail
2.0
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
White BG
3.5AA Large
1.9Fail
2.6Fail
1.4Fail
1.7Fail
Black BG
6.0AA
11.2AAA
7.9AAA
14.8AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A387
D5D4C0
B6B582
E2E2C3
B9B9C4

Deuteranopia

AEB982
DAE0BE
BABF83
E4E5C5
B7B4C5

Tritanopia

E07875
F6B9B7
D18586
ECC8C8
ABC6C7

Achromatopsia

848484
C2C2C2
A1A1A1
D9D9D9
C1C1C1

Shades & Tints Shades & Tints

#E84D99

Dark
Light

#FAA4C9

Dark
Light

#D58D7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e84d99;
  --color-2: #faa4c9;
  --color-3: #d58d7f;
  --color-4: #edd4be;
  --color-5: #a9cdc1;
}

SCSS

$color-1: #e84d99;
$color-2: #faa4c9;
$color-3: #d58d7f;
$color-4: #edd4be;
$color-5: #a9cdc1;

TAILWIND

colors: {
  'brand-1': '#e84d99',
  'brand-2': '#faa4c9',
  'brand-3': '#d58d7f',
  'brand-4': '#edd4be',
  'brand-5': '#a9cdc1',
}

RGB Array

[232, 77, 153], [250, 164, 201], [213, 141, 127], [237, 212, 190], [169, 205, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E84D99, #FAA4C9, #D58D7F, #EDD4BE, #A9CDC1 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: #e84d99; --color-2: #faa4c9; --color-3: #d58d7f; --color-4: #edd4be; --color-5: #a9cdc1. 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 nature-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