Back to palettes

Palette

Russet Forest Floor

Evokes the rich, burnt hues of fallen leaves and decaying earth in an autumn forest.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Russet Forest Floor reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Russet Forest Floor.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#8B0000#A52A2A#B22222#CD5C5C#DAA520

Palette guide

How to use Russet Forest Floor

Overview

The Russet Forest Floor palette captures the serene beauty of autumn's decay, blending deep, earthy reds and a touch of golden warmth. This harmonious collection features the rich, dark red of #8B0000, reminiscent of dried blood, alongside the slightly softer #A52A2A and the vibrant yet grounded #B22222. A lighter, more muted red, #CD5C5C, adds a gentle contrast, while the unexpected burst of #DAA520, a golden-brown, evokes late-season foliage or sun-dappled earth. Ideal for projects seeking a natural, rustic, or cozy aesthetic, this palette offers depth and organic appeal, perfect for branding, web design, or editorial layouts that aim to convey warmth and grounded elegance.

Best used for

  • Autumn-themed branding and marketing
  • Nature-inspired web design and blogs
  • Rustic interior design concepts
  • Editorial layouts for lifestyle magazines
  • Packaging for organic or artisanal products
  • Cozy apparel and textile designs

Suggested color roles

primary

#8B0000 - Use this deep, powerful russet as the main brand color or for dominant UI elements to establish a strong, earthy foundation.

secondary

#A52A2A - A slightly softer red-brown, excellent for subheadings, secondary calls-to-action, or large background sections that need warmth without being overpowering.

accent

#DAA520 - This golden-brown hue provides a striking yet natural accent, perfect for highlights, interactive elements, or key visual details to draw attention.

background

#CD5C5C - A lighter, muted red that can serve as a warm, inviting background, especially when paired with darker text for readability.

text

#8B0000 or a deep charcoal gray. For lighter backgrounds like #CD5C5C, use #8B0000 for body text. For darker backgrounds, use a near-white or light beige.

Accessibility notes

  • Ensure sufficient contrast when pairing #CD5C5C with lighter text; consider using a dark brown or charcoal instead of white.
  • #8B0000 and #A52A2A offer good contrast with white or light beige text for headlines and main content.
  • Be mindful of colorblind users when using multiple shades of red/brown together; differentiate with texture or iconography.
  • Use #DAA520 sparingly as an accent, ensuring it has adequate contrast against its immediate background for interactive elements.

Recommended combinations

Earthy Depth

Ideal for strong branding or hero sections, combining deep reds with a golden highlight for a rich, natural feel.

#8B0000 · #A52A2A · #DAA520

Warm Contrast

Excellent for main content areas, offering good contrast and a cozy, inviting atmosphere with a pop of earthy gold.

#B22222 · #CD5C5C · #DAA520

Muted Ground

Suitable for subtle backgrounds, secondary information, or UI elements where a gentler, layered red-brown aesthetic is desired.

#A52A2A · #CD5C5C · #8B0000

CSS variables

:root {
  --russet-forest-floor-1: #8B0000;
  --russet-forest-floor-2: #A52A2A;
  --russet-forest-floor-3: #B22222;
  --russet-forest-floor-4: #CD5C5C;
  --russet-forest-floor-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "russet-forest-floor": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#CD5C5C",
        5: "#DAA520",
      }
    }
  }
}

Related searches

autumn color schemeearthy red paletteforest hues designrustic brown colorsnatural warm palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#A52A2A
·
Color 3#B22222
·
Color 4#CD5C5C
·
Color 5#DAA520
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
2.5:1Fail
4.5:1AA18
2
1.4:1Fail
1.1:1Fail
1.8:1Fail
3.2:1AA18
3
1.5:1Fail
1.1:1Fail
1.7:1Fail
3:1Fail
4
2.5:1Fail
1.8:1Fail
1.7:1Fail
1.8:1Fail
5
4.5:1AA18
3.2:1AA18
3:1Fail
1.8:1Fail

Similar palettes

More like Russet Forest Floor

View all warm
Autumn Leaf Fall
Autumn Leaf Rustle
Autumn Maple Leaf
Crisp Autumn Leaves
Dusty Mesa Sunset
Spiced Pear