← Back to Editor

#7FE1B2 · #CAF0C1 · #FFFDCA · #FFF39A · #F0D15C

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

#7FE1B2

Jade · MediumAquaMarine · Apple Green

HEX
#7FE1B2
RGB
rgb(127, 225, 178)
HSL
hsl(151, 62%, 69%)
HSB
hsb(151, 44%, 88%)
CMYK
cmyk(44%, 0%, 21%, 12%)
Oklch
oklch(83.7% 0.115 161.7)

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

#CAF0C1

Emerald · LightGray · Mint Green

HEX
#CAF0C1
RGB
rgb(202, 240, 193)
HSL
hsl(109, 61%, 85%)
HSB
hsb(109, 20%, 94%)
CMYK
cmyk(16%, 0%, 20%, 6%)
Oklch
oklch(91.6% 0.074 139.7)

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

#FFFDCA

Fresh Green · Beige · Lemon Cream

HEX
#FFFDCA
RGB
rgb(255, 253, 202)
HSL
hsl(58, 100%, 90%)
HSB
hsb(58, 21%, 100%)
CMYK
cmyk(0%, 1%, 21%, 0%)
Oklch
oklch(98.3% 0.065 105.7)

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

#FFF39A

Fresh Green · Khaki · Lemon Cream

HEX
#FFF39A
RGB
rgb(255, 243, 154)
HSL
hsl(53, 100%, 80%)
HSB
hsb(53, 40%, 100%)
CMYK
cmyk(0%, 5%, 40%, 0%)
Oklch
oklch(95.4% 0.110 101.6)

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

#F0D15C

Ginger · SandyBrown · Sunflower

HEX
#F0D15C
RGB
rgb(240, 209, 92)
HSL
hsl(47, 83%, 65%)
HSB
hsb(47, 62%, 94%)
CMYK
cmyk(0%, 13%, 62%, 6%)
Oklch
oklch(86.5% 0.139 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7FE1B2
E17FAE

Analogous

7FE181
7FE1B2
7FDFE1

Triadic

7FE1B2
B27FE1
E1B27F

Split-Comp.

7FE1B2
E17FDF
E1817F

Tetradic

7FE1B2
817FE1
E17FAE
DFE17F

Contrast Matrix WCAG 2.1 Contrast

7FE1B2
CAF0C1
FFFDCA
FFF39A
F0D15C
—
1.3
Fail
1.5
Fail
1.4
Fail
1.0
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
White BG
1.6Fail
1.3Fail
1.0Fail
1.1Fail
1.5Fail
Black BG
13.3AAA
16.7AAA
20.2AAA
18.5AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9AABD
DADBCC
FEFED6
FAFAB0
E3E278

Deuteranopia

A49CC0
D8D5CF
FEFED9
FBFBB5
E4E77F

Tritanopia

84C6C8
CCD5D7
FFE0E2
FEC1C4
EE8F94

Achromatopsia

BEBEBE
DFDFDF
F8F8F8
ECECEC
CDCDCD

Shades & Tints Shades & Tints

#7FE1B2

Dark
Light

#CAF0C1

Dark
Light

#FFFDCA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7fe1b2;
  --color-2: #caf0c1;
  --color-3: #fffdca;
  --color-4: #fff39a;
  --color-5: #f0d15c;
}

SCSS

$color-1: #7fe1b2;
$color-2: #caf0c1;
$color-3: #fffdca;
$color-4: #fff39a;
$color-5: #f0d15c;

TAILWIND

colors: {
  'brand-1': '#7fe1b2',
  'brand-2': '#caf0c1',
  'brand-3': '#fffdca',
  'brand-4': '#fff39a',
  'brand-5': '#f0d15c',
}

RGB Array

[127, 225, 178], [202, 240, 193], [255, 253, 202], [255, 243, 154], [240, 209, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #7FE1B2, #CAF0C1, #FFFDCA, #FFF39A, #F0D15C 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: #7fe1b2; --color-2: #caf0c1; --color-3: #fffdca; --color-4: #fff39a; --color-5: #f0d15c. 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