← Back to Editor

#89913C · #E08954 · #F1B964 · #FFFFE6 · #2F2116

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

#89913C

Autumn Sage · Olive · Honey Gold

HEX
#89913C
RGB
rgb(137, 145, 60)
HSL
hsl(66, 41%, 40%)
HSB
hsb(66, 59%, 57%)
CMYK
cmyk(6%, 0%, 59%, 43%)
Oklch
oklch(63.2% 0.109 114.0)

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

#E08954

Tangerine · Coral · Warm Sun

HEX
#E08954
RGB
rgb(224, 137, 84)
HSL
hsl(23, 69%, 60%)
HSB
hsb(23, 63%, 88%)
CMYK
cmyk(0%, 39%, 63%, 12%)
Oklch
oklch(71.1% 0.127 50.9)

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

#F1B964

Ginger · SandyBrown · Warm Sun

HEX
#F1B964
RGB
rgb(241, 185, 100)
HSL
hsl(36, 83%, 67%)
HSB
hsb(36, 59%, 95%)
CMYK
cmyk(0%, 23%, 59%, 5%)
Oklch
oklch(82.0% 0.121 76.1)

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

#FFFFE6

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFE6
RGB
rgb(255, 255, 230)
HSL
hsl(60, 100%, 95%)
HSB
hsb(60, 10%, 100%)
CMYK
cmyk(0%, 0%, 10%, 0%)
Oklch
oklch(99.3% 0.033 107.0)

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

#2F2116

Tangerine · Black · Cinnamon

HEX
#2F2116
RGB
rgb(47, 33, 22)
HSL
hsl(26, 36%, 14%)
HSB
hsb(26, 53%, 18%)
CMYK
cmyk(0%, 30%, 53%, 82%)
Oklch
oklch(26.1% 0.029 59.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89913C
453C90

Analogous

906E3C
89913C
5E903C

Triadic

89913C
3C8790
903C87

Split-Comp.

89913C
3C5E90
6E3C90

Tetradic

89913C
3C906E
453C90
903C5E

Contrast Matrix WCAG 2.1 Contrast

89913C
E08954
F1B964
FFFFE6
2F2116
—
1.3
Fail
1.9
Fail
3.3
AA Large
4.6
AA
1.3
Fail
—
1.5
Fail
2.6
Fail
5.8
AA
1.9
Fail
1.5
Fail
—
1.7
Fail
8.8
AAA
3.3
AA Large
2.6
Fail
1.7
Fail
—
15.3
AAA
4.6
AA
5.8
AA
8.8
AAA
15.3
AAA
—
White BG
3.4AA Large
2.7Fail
1.8Fail
1.0Fail
15.6AAA
Black BG
6.2AA
7.9AAA
11.9AAA
20.7AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8D51
BABA61
D9D879
FFFFEC
292919

Deuteranopia

8C8B56
BFC664
DCE07E
FFFFEE
2A2B19

Tritanopia

896164
DC6B6D
EE898C
FFF1F2
2E1B1B

Achromatopsia

858585
9D9D9D
C0C0C0
FCFCFC
242424

Shades & Tints Shades & Tints

#89913C

Dark
Light

#E08954

Dark
Light

#F1B964

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89913c;
  --color-2: #e08954;
  --color-3: #f1b964;
  --color-4: #ffffe6;
  --color-5: #2f2116;
}

SCSS

$color-1: #89913c;
$color-2: #e08954;
$color-3: #f1b964;
$color-4: #ffffe6;
$color-5: #2f2116;

TAILWIND

colors: {
  'brand-1': '#89913c',
  'brand-2': '#e08954',
  'brand-3': '#f1b964',
  'brand-4': '#ffffe6',
  'brand-5': '#2f2116',
}

RGB Array

[137, 145, 60], [224, 137, 84], [241, 185, 100], [255, 255, 230], [47, 33, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #89913C, #E08954, #F1B964, #FFFFE6, #2F2116 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: #89913c; --color-2: #e08954; --color-3: #f1b964; --color-4: #ffffe6; --color-5: #2f2116. 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