← Back to Editor

#F5C573 · #EED690 · #FDECB6 · #8BC29A · #75B789

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

#F5C573

Goose Yellow · BurlyWood · Warm Sun

HEX
#F5C573
RGB
rgb(245, 197, 115)
HSL
hsl(38, 87%, 71%)
HSB
hsb(38, 53%, 96%)
CMYK
cmyk(0%, 20%, 53%, 4%)
Oklch
oklch(84.9% 0.114 79.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EED690

Goose Yellow · Khaki · Sunflower

HEX
#EED690
RGB
rgb(238, 214, 144)
HSL
hsl(45, 73%, 75%)
HSB
hsb(45, 39%, 93%)
CMYK
cmyk(0%, 10%, 39%, 7%)
Oklch
oklch(88.0% 0.093 91.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FDECB6

Goose Yellow · Bisque · Lemon Cream

HEX
#FDECB6
RGB
rgb(253, 236, 182)
HSL
hsl(46, 95%, 85%)
HSB
hsb(46, 28%, 99%)
CMYK
cmyk(0%, 7%, 28%, 1%)
Oklch
oklch(94.4% 0.072 92.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#8BC29A

Celadon · DarkSeaGreen · Apple Green

HEX
#8BC29A
RGB
rgb(139, 194, 154)
HSL
hsl(136, 31%, 65%)
HSB
hsb(136, 28%, 76%)
CMYK
cmyk(28%, 0%, 21%, 24%)
Oklch
oklch(76.5% 0.081 152.7)

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

#75B789

Celadon · DarkSeaGreen · Olive Green

HEX
#75B789
RGB
rgb(117, 183, 137)
HSL
hsl(138, 31%, 59%)
HSB
hsb(138, 36%, 72%)
CMYK
cmyk(36%, 0%, 25%, 28%)
Oklch
oklch(72.2% 0.095 153.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5C573
75A4F5

Analogous

F58675
F5C573
E4F575

Triadic

F5C573
75F5C6
C675F5

Split-Comp.

F5C573
75E4F5
8675F5

Tetradic

F5C573
75F586
75A4F5
F575E4

Contrast Matrix WCAG 2.1 Contrast

F5C573
EED690
FDECB6
8BC29A
75B789
—
1.1
Fail
1.4
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.7
Fail
2.0
Fail
1.3
Fail
1.4
Fail
1.7
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
2.0
Fail
1.2
Fail
—
White BG
1.6Fail
1.4Fail
1.2Fail
2.0Fail
2.4Fail
Black BG
13.1AAA
14.7AAA
17.9AAA
10.3AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E087
E4E3A1
F6F5C3
A3A3A4
929294

Deuteranopia

E3E78C
E5E7A5
F7F8C6
A09CA6
8E8997

Tritanopia

F3979A
EDAEB1
FCCDD0
8EABAD
789D9F

Achromatopsia

CACACA
D5D5D5
EBEBEB
ADADAD
9E9E9E

Shades & Tints Shades & Tints

#F5C573

Dark
Light

#EED690

Dark
Light

#FDECB6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5c573;
  --color-2: #eed690;
  --color-3: #fdecb6;
  --color-4: #8bc29a;
  --color-5: #75b789;
}

SCSS

$color-1: #f5c573;
$color-2: #eed690;
$color-3: #fdecb6;
$color-4: #8bc29a;
$color-5: #75b789;

TAILWIND

colors: {
  'brand-1': '#f5c573',
  'brand-2': '#eed690',
  'brand-3': '#fdecb6',
  'brand-4': '#8bc29a',
  'brand-5': '#75b789',
}

RGB Array

[245, 197, 115], [238, 214, 144], [253, 236, 182], [139, 194, 154], [117, 183, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F5C573, #EED690, #FDECB6, #8BC29A, #75B789 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: #f5c573; --color-2: #eed690; --color-3: #fdecb6; --color-4: #8bc29a; --color-5: #75b789. 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