← Back to Editor

#E08297 · #FCA897 · #FFC8A6 · #FFE6D6 · #E0DEB4

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#E08297

Peach Pink · LightCoral · Coral Red

HEX
#E08297
RGB
rgb(224, 130, 151)
HSL
hsl(347, 60%, 69%)
HSB
hsb(347, 42%, 88%)
CMYK
cmyk(0%, 42%, 33%, 12%)
Oklch
oklch(71.3% 0.118 6.1)

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

#FCA897

Peach Pink · LightSalmon · Coral Red

HEX
#FCA897
RGB
rgb(252, 168, 151)
HSL
hsl(10, 94%, 79%)
HSB
hsb(10, 40%, 99%)
CMYK
cmyk(0%, 33%, 40%, 1%)
Oklch
oklch(81.0% 0.103 32.0)

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

#FFC8A6

Apricot · Wheat · Peach Orange

HEX
#FFC8A6
RGB
rgb(255, 200, 166)
HSL
hsl(23, 100%, 83%)
HSB
hsb(23, 35%, 100%)
CMYK
cmyk(0%, 22%, 35%, 0%)
Oklch
oklch(87.3% 0.078 53.1)

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

#FFE6D6

Apricot · Bisque · Peach Orange

HEX
#FFE6D6
RGB
rgb(255, 230, 214)
HSL
hsl(23, 100%, 92%)
HSB
hsb(23, 16%, 100%)
CMYK
cmyk(0%, 10%, 16%, 0%)
Oklch
oklch(94.1% 0.035 54.8)

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

#E0DEB4

Fresh Green · Wheat · Lemon Cream

HEX
#E0DEB4
RGB
rgb(224, 222, 180)
HSL
hsl(57, 42%, 79%)
HSB
hsb(57, 20%, 88%)
CMYK
cmyk(0%, 1%, 20%, 12%)
Oklch
oklch(89.2% 0.055 105.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E08297
81DFCB

Analogous

DF81C5
E08297
DF9B81

Triadic

E08297
95DF81
8195DF

Split-Comp.

E08297
81DF9B
81C5DF

Tetradic

E08297
C5DF81
81DFCB
9B81DF

Contrast Matrix WCAG 2.1 Contrast

E08297
FCA897
FFC8A6
FFE6D6
E0DEB4
—
1.4
Fail
1.8
Fail
2.2
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
1.4
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
2.2
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
2.0
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
2.7Fail
1.9Fail
1.5Fail
1.2Fail
1.4Fail
Black BG
7.8AAA
11.2AAA
14.1AAA
17.5AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B692
D8D79B
E7E7AE
F4F4DA
DFDFBE

Deuteranopia

BDC491
DDE39C
EAEFB0
F6F8DB
DFDFC1

Tritanopia

DB8E8D
F89E9F
FCB5B6
FEDDDE
E0C6C8

Achromatopsia

A1A1A1
BFBFBF
D5D5D5
ECECEC
DADADA

Shades & Tints Shades & Tints

#E08297

Dark
Light

#FCA897

Dark
Light

#FFC8A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e08297;
  --color-2: #fca897;
  --color-3: #ffc8a6;
  --color-4: #ffe6d6;
  --color-5: #e0deb4;
}

SCSS

$color-1: #e08297;
$color-2: #fca897;
$color-3: #ffc8a6;
$color-4: #ffe6d6;
$color-5: #e0deb4;

TAILWIND

colors: {
  'brand-1': '#e08297',
  'brand-2': '#fca897',
  'brand-3': '#ffc8a6',
  'brand-4': '#ffe6d6',
  'brand-5': '#e0deb4',
}

RGB Array

[224, 130, 151], [252, 168, 151], [255, 200, 166], [255, 230, 214], [224, 222, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E08297, #FCA897, #FFC8A6, #FFE6D6, #E0DEB4 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: #e08297; --color-2: #fca897; --color-3: #ffc8a6; --color-4: #ffe6d6; --color-5: #e0deb4. 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