← Back to Editor

#F7EFED · #FFF0DC · #E2ECCF · #B7F0CE · #62F7CD

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

#F7EFED

Peach Pink · Linen · Cherry Blossom

HEX
#F7EFED
RGB
rgb(247, 239, 237)
HSL
hsl(12, 38%, 95%)
HSB
hsb(12, 4%, 97%)
CMYK
cmyk(0%, 3%, 4%, 3%)
Oklch
oklch(95.8% 0.009 34.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFF0DC

Goose Yellow · Beige · Peach Orange

HEX
#FFF0DC
RGB
rgb(255, 240, 220)
HSL
hsl(34, 100%, 93%)
HSB
hsb(34, 14%, 100%)
CMYK
cmyk(0%, 6%, 14%, 0%)
Oklch
oklch(96.2% 0.031 75.2)

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

#E2ECCF

Willow Green · Beige · Mint Green

HEX
#E2ECCF
RGB
rgb(226, 236, 207)
HSL
hsl(81, 43%, 87%)
HSB
hsb(81, 12%, 93%)
CMYK
cmyk(4%, 0%, 12%, 7%)
Oklch
oklch(92.8% 0.040 122.7)

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

#B7F0CE

Emerald · LightBlue · Mint Green

HEX
#B7F0CE
RGB
rgb(183, 240, 206)
HSL
hsl(144, 66%, 83%)
HSB
hsb(144, 24%, 94%)
CMYK
cmyk(24%, 0%, 14%, 6%)
Oklch
oklch(90.7% 0.074 158.3)

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

#62F7CD

Jade · Turquoise · Lake Green

HEX
#62F7CD
RGB
rgb(98, 247, 205)
HSL
hsl(163, 90%, 68%)
HSB
hsb(163, 60%, 97%)
CMYK
cmyk(60%, 0%, 17%, 3%)
Oklch
oklch(88.5% 0.141 171.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7EFED
EDF5F7

Analogous

F7EDF0
F7EFED
F7F4ED

Triadic

F7EFED
EDF7EF
EFEDF7

Split-Comp.

F7EFED
EDF7F4
EDF0F7

Tetradic

F7EFED
F0F7ED
EDF5F7
F4EDF7

Contrast Matrix WCAG 2.1 Contrast

F7EFED
FFF0DC
E2ECCF
B7F0CE
62F7CD
—
1.0
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
1.1Fail
1.1Fail
1.2Fail
1.3Fail
1.3Fail
Black BG
18.5AAA
18.7AAA
17.1AAA
16.4AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F3ED
F9F8E1
E6E6D6
D0D0D6
A3A4D7

Deuteranopia

F4F5EE
F9FBE2
E6E5D8
CCC8D8
9A8FDA

Tritanopia

F7EEEE
FEE5E6
E3DCDD
BADDDE
69DFE1

Achromatopsia

F1F1F1
F2F2F2
E6E6E6
DBDBDB
C6C6C6

Shades & Tints Shades & Tints

#F7EFED

Dark
Light

#FFF0DC

Dark
Light

#E2ECCF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7efed;
  --color-2: #fff0dc;
  --color-3: #e2eccf;
  --color-4: #b7f0ce;
  --color-5: #62f7cd;
}

SCSS

$color-1: #f7efed;
$color-2: #fff0dc;
$color-3: #e2eccf;
$color-4: #b7f0ce;
$color-5: #62f7cd;

TAILWIND

colors: {
  'brand-1': '#f7efed',
  'brand-2': '#fff0dc',
  'brand-3': '#e2eccf',
  'brand-4': '#b7f0ce',
  'brand-5': '#62f7cd',
}

RGB Array

[247, 239, 237], [255, 240, 220], [226, 236, 207], [183, 240, 206], [98, 247, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F7EFED, #FFF0DC, #E2ECCF, #B7F0CE, #62F7CD 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: #f7efed; --color-2: #fff0dc; --color-3: #e2eccf; --color-4: #b7f0ce; --color-5: #62f7cd. 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