← Back to Editor

#E8608C · #71CBC4 · #FFF9F4 · #CDD56E · #FFBD68

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

#E8608C

Rouge · LightCoral · Rose Pink

HEX
#E8608C
RGB
rgb(232, 96, 140)
HSL
hsl(341, 75%, 64%)
HSB
hsb(341, 59%, 91%)
CMYK
cmyk(0%, 59%, 40%, 9%)
Oklch
oklch(67.2% 0.173 2.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#71CBC4

Jade · MediumAquaMarine · Lake Green

HEX
#71CBC4
RGB
rgb(113, 203, 196)
HSL
hsl(175, 46%, 62%)
HSB
hsb(175, 44%, 80%)
CMYK
cmyk(44%, 0%, 3%, 20%)
Oklch
oklch(78.4% 0.087 189.0)

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

#FFF9F4

Apricot · Snow · Peach Orange

HEX
#FFF9F4
RGB
rgb(255, 249, 244)
HSL
hsl(27, 100%, 98%)
HSB
hsb(27, 4%, 100%)
CMYK
cmyk(0%, 2%, 4%, 0%)
Oklch
oklch(98.5% 0.009 62.6)

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

#CDD56E

Fresh Green · BurlyWood · Sunflower

HEX
#CDD56E
RGB
rgb(205, 213, 110)
HSL
hsl(65, 55%, 63%)
HSB
hsb(65, 48%, 84%)
CMYK
cmyk(4%, 0%, 48%, 16%)
Oklch
oklch(84.5% 0.128 112.8)

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

#FFBD68

Ginger · SandyBrown · Warm Sun

HEX
#FFBD68
RGB
rgb(255, 189, 104)
HSL
hsl(34, 100%, 70%)
HSB
hsb(34, 59%, 100%)
CMYK
cmyk(0%, 26%, 59%, 0%)
Oklch
oklch(84.3% 0.127 71.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8608C
5EE8BC

Analogous

E85ECF
E8608C
E8785E

Triadic

E8608C
8AE85E
5E8AE8

Split-Comp.

E8608C
5EE878
5ECFE8

Tetradic

E8608C
CFE85E
5EE8BC
785EE8

Contrast Matrix WCAG 2.1 Contrast

E8608C
71CBC4
FFF9F4
CDD56E
FFBD68
—
1.7
Fail
3.1
AA Large
2.1
Fail
2.0
Fail
1.7
Fail
—
1.8
Fail
1.2
Fail
1.2
Fail
3.1
AA Large
1.8
Fail
—
1.5
Fail
1.6
Fail
2.1
Fail
1.2
Fail
1.5
Fail
—
1.0
Fail
2.0
Fail
1.2
Fail
1.6
Fail
1.0
Fail
—
White BG
3.2AA Large
1.9Fail
1.0Fail
1.6Fail
1.6Fail
Black BG
6.5AA
11.0AAA
20.1AAA
13.3AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC81
9899C6
FCFCF5
D0D187
E2E27D

Deuteranopia

B5BF7F
938CC6
FDFDF6
D0CF8D
E6EB82

Tritanopia

E17977
76C7C7
FFF6F6
CD9B9F
FC8D90

Achromatopsia

8E8E8E
AFAFAF
FAFAFA
C7C7C7
C7C7C7

Shades & Tints Shades & Tints

#E8608C

Dark
Light

#71CBC4

Dark
Light

#FFF9F4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8608c;
  --color-2: #71cbc4;
  --color-3: #fff9f4;
  --color-4: #cdd56e;
  --color-5: #ffbd68;
}

SCSS

$color-1: #e8608c;
$color-2: #71cbc4;
$color-3: #fff9f4;
$color-4: #cdd56e;
$color-5: #ffbd68;

TAILWIND

colors: {
  'brand-1': '#e8608c',
  'brand-2': '#71cbc4',
  'brand-3': '#fff9f4',
  'brand-4': '#cdd56e',
  'brand-5': '#ffbd68',
}

RGB Array

[232, 96, 140], [113, 203, 196], [255, 249, 244], [205, 213, 110], [255, 189, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E8608C, #71CBC4, #FFF9F4, #CDD56E, #FFBD68 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: #e8608c; --color-2: #71cbc4; --color-3: #fff9f4; --color-4: #cdd56e; --color-5: #ffbd68. 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