← Back to Editor

#E73B80 · #B5C28F · #FFCC9F · #FFF3B0 · #FEFBDB

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

#E73B80

Dark Violet · DeepPink · Rose Pink

HEX
#E73B80
RGB
rgb(231, 59, 128)
HSL
hsl(336, 78%, 57%)
HSB
hsb(336, 74%, 91%)
CMYK
cmyk(0%, 74%, 45%, 9%)
Oklch
oklch(62.9% 0.213 1.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B5C28F

Willow Green · Tan · Apple Green

HEX
#B5C28F
RGB
rgb(181, 194, 143)
HSL
hsl(75, 29%, 66%)
HSB
hsb(75, 26%, 76%)
CMYK
cmyk(7%, 0%, 26%, 24%)
Oklch
oklch(79.1% 0.070 119.6)

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

#FFCC9F

Apricot · Wheat · Peach Orange

HEX
#FFCC9F
RGB
rgb(255, 204, 159)
HSL
hsl(28, 100%, 81%)
HSB
hsb(28, 38%, 100%)
CMYK
cmyk(0%, 20%, 38%, 0%)
Oklch
oklch(87.9% 0.082 62.9)

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

#FFF3B0

Fresh Green · Wheat · Lemon Cream

HEX
#FFF3B0
RGB
rgb(255, 243, 176)
HSL
hsl(51, 100%, 85%)
HSB
hsb(51, 31%, 100%)
CMYK
cmyk(0%, 5%, 31%, 0%)
Oklch
oklch(95.8% 0.086 99.2)

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

#FEFBDB

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFBDB
RGB
rgb(254, 251, 219)
HSL
hsl(55, 95%, 93%)
HSB
hsb(55, 14%, 100%)
CMYK
cmyk(0%, 1%, 14%, 0%)
Oklch
oklch(98.2% 0.042 102.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E73B80
3CE7A2

Analogous

E73CD6
E73B80
E74D3C

Triadic

E73B80
80E73C
3C80E7

Split-Comp.

E73B80
3CE74D
3CD6E7

Tetradic

E73B80
D6E73C
3CE7A2
4D3CE7

Contrast Matrix WCAG 2.1 Contrast

E73B80
B5C28F
FFCC9F
FFF3B0
FEFBDB
—
2.1
Fail
2.7
Fail
3.5
AA Large
3.8
AA Large
2.1
Fail
—
1.3
Fail
1.7
Fail
1.8
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
3.5
AA Large
1.7
Fail
1.3
Fail
—
1.1
Fail
3.8
AA Large
1.8
Fail
1.4
Fail
1.1
Fail
—
White BG
3.9AA Large
1.9Fail
1.5Fail
1.1Fail
1.0Fail
Black BG
5.3AA
11.1AAA
14.4AAA
18.7AAA
20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9B6F
BBBB9B
E9E8AA
FAFAC0
FDFDE3

Deuteranopia

A7B36B
BAB99E
ECF0AD
FBFBC4
FDFDE5

Tritanopia

DE625F
B6A5A7
FCB2B4
FECDD0
FEE9EA

Achromatopsia

767676
B8B8B8
D6D6D6
EFEFEF
F8F8F8

Shades & Tints Shades & Tints

#E73B80

Dark
Light

#B5C28F

Dark
Light

#FFCC9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e73b80;
  --color-2: #b5c28f;
  --color-3: #ffcc9f;
  --color-4: #fff3b0;
  --color-5: #fefbdb;
}

SCSS

$color-1: #e73b80;
$color-2: #b5c28f;
$color-3: #ffcc9f;
$color-4: #fff3b0;
$color-5: #fefbdb;

TAILWIND

colors: {
  'brand-1': '#e73b80',
  'brand-2': '#b5c28f',
  'brand-3': '#ffcc9f',
  'brand-4': '#fff3b0',
  'brand-5': '#fefbdb',
}

RGB Array

[231, 59, 128], [181, 194, 143], [255, 204, 159], [255, 243, 176], [254, 251, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E73B80, #B5C28F, #FFCC9F, #FFF3B0, #FEFBDB 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: #e73b80; --color-2: #b5c28f; --color-3: #ffcc9f; --color-4: #fff3b0; --color-5: #fefbdb. 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