← Back to Editor

#F1FFDE · #D2F081 · #D6C885 · #E278C5 · #B183DB

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

#F1FFDE

Willow Green · Beige · Mint Green

HEX
#F1FFDE
RGB
rgb(241, 255, 222)
HSL
hsl(85, 100%, 94%)
HSB
hsb(85, 13%, 100%)
CMYK
cmyk(5%, 0%, 13%, 0%)
Oklch
oklch(98.1% 0.046 126.0)

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

#D2F081

Willow Green · Khaki · Apple Green

HEX
#D2F081
RGB
rgb(210, 240, 129)
HSL
hsl(76, 79%, 72%)
HSB
hsb(76, 46%, 94%)
CMYK
cmyk(13%, 0%, 46%, 6%)
Oklch
oklch(91.0% 0.141 121.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#D6C885

Fresh Green · BurlyWood · Sunflower

HEX
#D6C885
RGB
rgb(214, 200, 133)
HSL
hsl(50, 50%, 68%)
HSB
hsb(50, 38%, 84%)
CMYK
cmyk(0%, 7%, 38%, 16%)
Oklch
oklch(82.9% 0.088 97.8)

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

#E278C5

Mauve · Orchid · Lilac Purple

HEX
#E278C5
RGB
rgb(226, 120, 197)
HSL
hsl(316, 65%, 68%)
HSB
hsb(316, 47%, 89%)
CMYK
cmyk(0%, 47%, 13%, 11%)
Oklch
oklch(71.6% 0.160 338.5)

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

#B183DB

Lilac · Orchid · Lilac Purple

HEX
#B183DB
RGB
rgb(177, 131, 219)
HSL
hsl(271, 55%, 69%)
HSB
hsb(271, 40%, 86%)
CMYK
cmyk(19%, 40%, 0%, 14%)
Oklch
oklch(68.8% 0.134 307.3)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1FFDE
EDE0FF

Analogous

FFFCE0
F1FFDE
E3FFE0

Triadic

F1FFDE
E0F2FF
FFE0F2

Split-Comp.

F1FFDE
E0E3FF
FCE0FF

Tetradic

F1FFDE
E0FFFC
EDE0FF
FFE0E3

Contrast Matrix WCAG 2.1 Contrast

F1FFDE
D2F081
D6C885
E278C5
B183DB
—
1.2
Fail
1.6
Fail
2.6
Fail
2.8
Fail
1.2
Fail
—
1.3
Fail
2.1
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.6
Fail
1.7
Fail
2.6
Fail
2.1
Fail
1.6
Fail
—
1.1
Fail
2.8
Fail
2.3
Fail
1.7
Fail
1.1
Fail
—
White BG
1.0Fail
1.3Fail
1.7Fail
2.7Fail
2.9Fail
Black BG
20.1AAA
16.5AAA
12.5AAA
7.7AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7E6
DFDF9C
D0D095
B4B3B2
9D9DC6

Deuteranopia

F6F5E8
DDDBA2
D1D299
BAC2AE
A0A3C1

Tritanopia

F2ECEE
D4B1B6
D5A2A5
DDA4A0
AFB5B1

Achromatopsia

F7F7F7
DADADA
C5C5C5
A0A0A0
9B9B9B

Shades & Tints Shades & Tints

#F1FFDE

Dark
Light

#D2F081

Dark
Light

#D6C885

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1ffde;
  --color-2: #d2f081;
  --color-3: #d6c885;
  --color-4: #e278c5;
  --color-5: #b183db;
}

SCSS

$color-1: #f1ffde;
$color-2: #d2f081;
$color-3: #d6c885;
$color-4: #e278c5;
$color-5: #b183db;

TAILWIND

colors: {
  'brand-1': '#f1ffde',
  'brand-2': '#d2f081',
  'brand-3': '#d6c885',
  'brand-4': '#e278c5',
  'brand-5': '#b183db',
}

RGB Array

[241, 255, 222], [210, 240, 129], [214, 200, 133], [226, 120, 197], [177, 131, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F1FFDE, #D2F081, #D6C885, #E278C5, #B183DB 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: #f1ffde; --color-2: #d2f081; --color-3: #d6c885; --color-4: #e278c5; --color-5: #b183db. 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