← Back to Editor

#DECE6F · #FCAD17 · #EA9310 · #E2790C · #9F8912

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

#DECE6F

Fresh Green · BurlyWood · Sunflower

HEX
#DECE6F
RGB
rgb(222, 206, 111)
HSL
hsl(51, 63%, 65%)
HSB
hsb(51, 50%, 87%)
CMYK
cmyk(0%, 7%, 50%, 13%)
Oklch
oklch(84.5% 0.118 99.9)

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

#FCAD17

Ginger · Orange · Warm Sun

HEX
#FCAD17
RGB
rgb(252, 173, 23)
HSL
hsl(39, 97%, 54%)
HSB
hsb(39, 91%, 99%)
CMYK
cmyk(0%, 31%, 91%, 1%)
Oklch
oklch(80.4% 0.166 75.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#EA9310

Ochre · GoldenRod · Amber Brown

HEX
#EA9310
RGB
rgb(234, 147, 16)
HSL
hsl(36, 87%, 49%)
HSB
hsb(36, 93%, 92%)
CMYK
cmyk(0%, 37%, 93%, 8%)
Oklch
oklch(73.6% 0.159 67.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E2790C

Ochre · Chocolate · Amber Brown

HEX
#E2790C
RGB
rgb(226, 121, 12)
HSL
hsl(31, 90%, 47%)
HSB
hsb(31, 95%, 89%)
CMYK
cmyk(0%, 46%, 95%, 11%)
Oklch
oklch(68.1% 0.163 56.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#9F8912

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9F8912
RGB
rgb(159, 137, 18)
HSL
hsl(51, 80%, 35%)
HSB
hsb(51, 89%, 62%)
CMYK
cmyk(0%, 14%, 89%, 38%)
Oklch
oklch(63.2% 0.126 97.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECE6F
6E7EDE

Analogous

DE956E
DECE6F
B7DE6E

Triadic

DECE6F
6EDECD
CD6EDE

Split-Comp.

DECE6F
6EB7DE
956EDE

Tetradic

DECE6F
6EDE95
6E7EDE
DE6EB7

Contrast Matrix WCAG 2.1 Contrast

DECE6F
FCAD17
EA9310
E2790C
9F8912
—
1.2
Fail
1.5
Fail
1.9
Fail
2.2
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
1.6Fail
1.9Fail
2.4Fail
3.0AA Large
3.5AA Large
Black BG
13.2AAA
11.1AAA
8.7AAA
7.0AA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D786
DAD93B
C4C430
B5B426
95952F

Deuteranopia

D8D98C
DEE444
C9D037
BBC32D
979836

Tritanopia

DD989C
F8585E
E6494E
DD3B40
9E464B

Achromatopsia

C8C8C8
B4B4B4
9E9E9E
8C8C8C
828282

Shades & Tints Shades & Tints

#DECE6F

Dark
Light

#FCAD17

Dark
Light

#EA9310

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dece6f;
  --color-2: #fcad17;
  --color-3: #ea9310;
  --color-4: #e2790c;
  --color-5: #9f8912;
}

SCSS

$color-1: #dece6f;
$color-2: #fcad17;
$color-3: #ea9310;
$color-4: #e2790c;
$color-5: #9f8912;

TAILWIND

colors: {
  'brand-1': '#dece6f',
  'brand-2': '#fcad17',
  'brand-3': '#ea9310',
  'brand-4': '#e2790c',
  'brand-5': '#9f8912',
}

RGB Array

[222, 206, 111], [252, 173, 23], [234, 147, 16], [226, 121, 12], [159, 137, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #DECE6F, #FCAD17, #EA9310, #E2790C, #9F8912 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #dece6f; --color-2: #fcad17; --color-3: #ea9310; --color-4: #e2790c; --color-5: #9f8912. 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. 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