← Back to Editor

#F0EAB9 · #EEE492 · #BFC516 · #4C4A3B · #E87965

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 AppData Visualization

Color Details Color Details

#F0EAB9

Fresh Green · Wheat · Lemon Cream

HEX
#F0EAB9
RGB
rgb(240, 234, 185)
HSL
hsl(53, 65%, 83%)
HSB
hsb(53, 23%, 94%)
CMYK
cmyk(0%, 3%, 23%, 6%)
Oklch
oklch(93.0% 0.064 101.7)

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

#EEE492

Fresh Green · Khaki · Sunflower

HEX
#EEE492
RGB
rgb(238, 228, 146)
HSL
hsl(53, 73%, 75%)
HSB
hsb(53, 39%, 93%)
CMYK
cmyk(0%, 4%, 39%, 7%)
Oklch
oklch(90.9% 0.103 102.2)

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

#BFC516

Autumn Sage · GoldenRod · Honey Gold

HEX
#BFC516
RGB
rgb(191, 197, 22)
HSL
hsl(62, 80%, 43%)
HSB
hsb(62, 89%, 77%)
CMYK
cmyk(3%, 0%, 89%, 23%)
Oklch
oklch(79.2% 0.171 112.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#4C4A3B

Autumn Sage · DarkSlateGray · Honey Gold

HEX
#4C4A3B
RGB
rgb(76, 74, 59)
HSL
hsl(53, 13%, 26%)
HSB
hsb(53, 22%, 30%)
CMYK
cmyk(0%, 3%, 22%, 70%)
Oklch
oklch(40.6% 0.024 101.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E87965

Peach Pink · Salmon · Coral Red

HEX
#E87965
RGB
rgb(232, 121, 101)
HSL
hsl(9, 74%, 65%)
HSB
hsb(9, 56%, 91%)
CMYK
cmyk(0%, 48%, 56%, 9%)
Oklch
oklch(69.8% 0.141 31.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0EAB9
B7BEF0

Analogous

F0CDB7
F0EAB9
DAF0B7

Triadic

F0EAB9
B7F0E9
E9B7F0

Split-Comp.

F0EAB9
B7DAF0
CDB7F0

Tetradic

F0EAB9
B7F0CD
B7BEF0
F0B7DA

Contrast Matrix WCAG 2.1 Contrast

F0EAB9
EEE492
BFC516
4C4A3B
E87965
—
1.1
Fail
1.5
Fail
7.3
AAA
2.3
Fail
1.1
Fail
—
1.4
Fail
6.9
AA
2.2
Fail
1.5
Fail
1.4
Fail
—
4.8
AA
1.5
Fail
7.3
AAA
6.9
AA
4.8
AA
—
3.1
AA Large
2.3
Fail
2.2
Fail
1.5
Fail
3.1
AA Large
—
White BG
1.2Fail
1.3Fail
1.9Fail
8.9AAA
2.9Fail
Black BG
17.2AAA
16.1AAA
11.2AAA
2.3Fail
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC5
EAEAA6
C2C240
4B4B3F
B8B76A

Deuteranopia

EEEEC8
EAEBAB
C1C14B
4B4B40
BEC76B

Tritanopia

F0CED0
EEB6B9
BF6269
4C4142
E26E6F

Achromatopsia

E6E6E6
DEDEDE
AFAFAF
494949
989898

Shades & Tints Shades & Tints

#F0EAB9

Dark
Light

#EEE492

Dark
Light

#BFC516

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0eab9;
  --color-2: #eee492;
  --color-3: #bfc516;
  --color-4: #4c4a3b;
  --color-5: #e87965;
}

SCSS

$color-1: #f0eab9;
$color-2: #eee492;
$color-3: #bfc516;
$color-4: #4c4a3b;
$color-5: #e87965;

TAILWIND

colors: {
  'brand-1': '#f0eab9',
  'brand-2': '#eee492',
  'brand-3': '#bfc516',
  'brand-4': '#4c4a3b',
  'brand-5': '#e87965',
}

RGB Array

[240, 234, 185], [238, 228, 146], [191, 197, 22], [76, 74, 59], [232, 121, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F0EAB9, #EEE492, #BFC516, #4C4A3B, #E87965 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f0eab9; --color-2: #eee492; --color-3: #bfc516; --color-4: #4c4a3b; --color-5: #e87965. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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