← Back to Editor

#E1EEE7 · #F8EFCE · #FFCEE4 · #F5B4CC · #D19BCD

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

#E1EEE7

Celadon · Lavender · Mint Green

HEX
#E1EEE7
RGB
rgb(225, 238, 231)
HSL
hsl(148, 28%, 91%)
HSB
hsb(148, 5%, 93%)
CMYK
cmyk(5%, 0%, 3%, 7%)
Oklch
oklch(93.7% 0.017 162.7)

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

#F8EFCE

Goose Yellow · Beige · Lemon Cream

HEX
#F8EFCE
RGB
rgb(248, 239, 206)
HSL
hsl(47, 75%, 89%)
HSB
hsb(47, 17%, 97%)
CMYK
cmyk(0%, 4%, 17%, 3%)
Oklch
oklch(95.1% 0.044 94.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFCEE4

Rouge · Pink · Cherry Blossom

HEX
#FFCEE4
RGB
rgb(255, 206, 228)
HSL
hsl(333, 100%, 90%)
HSB
hsb(333, 19%, 100%)
CMYK
cmyk(0%, 19%, 11%, 0%)
Oklch
oklch(90.0% 0.062 349.7)

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

#F5B4CC

Rouge · LightPink · Cherry Blossom

HEX
#F5B4CC
RGB
rgb(245, 180, 204)
HSL
hsl(338, 76%, 83%)
HSB
hsb(338, 27%, 96%)
CMYK
cmyk(0%, 27%, 17%, 4%)
Oklch
oklch(83.7% 0.081 355.1)

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

#D19BCD

Mauve · Silver · Lilac Purple

HEX
#D19BCD
RGB
rgb(209, 155, 205)
HSL
hsl(304, 37%, 71%)
HSB
hsb(304, 26%, 82%)
CMYK
cmyk(0%, 26%, 2%, 18%)
Oklch
oklch(75.6% 0.092 328.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1EEE7
EEE2E8

Analogous

E2EEE2
E1EEE7
E2EEEE

Triadic

E1EEE7
E8E2EE
EEE8E2

Split-Comp.

E1EEE7
EEE2EE
EEE2E2

Tetradic

E1EEE7
E2E2EE
EEE2E8
EEEEE2

Contrast Matrix WCAG 2.1 Contrast

E1EEE7
F8EFCE
FFCEE4
F5B4CC
D19BCD
—
1.0
Fail
1.2
Fail
1.4
Fail
1.9
Fail
1.0
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
1.2Fail
1.2Fail
1.4Fail
1.7Fail
2.3Fail
Black BG
17.6AAA
18.2AAA
15.2AAA
12.3AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7E9
F4F4D6
EAE9DF
D9D8C6
BAB9C1

Deuteranopia

E6E5E9
F5F5D8
EDF0DD
DDE2C5
BDC1BE

Tritanopia

E2EAEA
F8DCDE
FDDADA
F2C2C1
CEB7B5

Achromatopsia

E9E9E9
EEEEEE
DFDFDF
CACACA
B1B1B1

Shades & Tints Shades & Tints

#E1EEE7

Dark
Light

#F8EFCE

Dark
Light

#FFCEE4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1eee7;
  --color-2: #f8efce;
  --color-3: #ffcee4;
  --color-4: #f5b4cc;
  --color-5: #d19bcd;
}

SCSS

$color-1: #e1eee7;
$color-2: #f8efce;
$color-3: #ffcee4;
$color-4: #f5b4cc;
$color-5: #d19bcd;

TAILWIND

colors: {
  'brand-1': '#e1eee7',
  'brand-2': '#f8efce',
  'brand-3': '#ffcee4',
  'brand-4': '#f5b4cc',
  'brand-5': '#d19bcd',
}

RGB Array

[225, 238, 231], [248, 239, 206], [255, 206, 228], [245, 180, 204], [209, 155, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E1EEE7, #F8EFCE, #FFCEE4, #F5B4CC, #D19BCD 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: #e1eee7; --color-2: #f8efce; --color-3: #ffcee4; --color-4: #f5b4cc; --color-5: #d19bcd. 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