Palette

Forest Floor Canvas

Rich, earthy hues resembling the fallen leaves and warm soil of an autumn forest floor.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Floor Canvas 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 Forest Floor Canvas.

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

Data visualization

#6F4F28#A0522D#D07B3D#F0A36D#EEDFB8

Palette guide

How to use Forest Floor Canvas

Overview

The Forest Floor Canvas palette paints a picture of rich, earthy hues, mirroring the fallen leaves and warm soil of an autumn forest. This collection, featuring the deep #6F4F28 and the vibrant #A0522D, offers a robust foundation for designs seeking warmth and natural texture. The inviting #D07B3D and the soft #F0A36D provide excellent mid-tones, while #EEDFB8 acts as a luminous, near-white base. Designers and developers will find this palette ideal for crafting projects that convey rustic charm, organic authenticity, and a comforting, autumnal mood. Its range from deep browns to pale creams ensures versatility across various design elements.

Best used for

Rustic wedding invitations
Farm-to-table restaurant branding
Artisan craft websites
Autumn fashion lookbooks
Interior design with natural wood elements
Cozy blog or editorial layouts

Suggested color roles

primary

#6F4F28 - A deep, anchoring brown, excellent for large backgrounds, headers, or strong brand typography.

secondary

#A0522D - A rich burnt sienna, perfect for sub-sections, important details, or a complementary brand color.

accent

#D07B3D - A vibrant rust orange, ideal for calls to action, interactive elements, or to add a warm, inviting pop.

background

#EEDFB8 - A soft, pale cream, providing a clean, warm, and highly readable canvas for darker text.

text

#6F4F28 - Ensures excellent contrast and readability on lighter backgrounds like #EEDFB8, suitable for body copy and headings.

Accessibility notes

Ensure #6F4F28 text on #EEDFB8 background meets WCAG AA contrast for optimal readability.
Avoid using #F0A36D for small text on #D07B3D due to potentially insufficient contrast.
For text on darker colors like #6F4F28 or #A0522D, use #EEDFB8 or a pure white for high visibility.
Maintain consistent spacing and font sizes to aid readability, especially with warm, earthy tones.

Recommended combinations

Deep Earth

Creates a rich, deep, and robust autumnal feel, excellent for strong brand presence or section separators.

#6F4F28 · #A0522D · #D07B3D

Warm Soil

A light and inviting combination for main content areas, offering warmth and clear readability.

#EEDFB8 · #F0A36D · #A0522D

Autumn Glow

Use a dark base with a vibrant rust accent, perfect for highlighting key information or calls to action.

#6F4F28 · #D07B3D · #EEDFB8

CSS variables

:root {
  --forest-floor-canvas-1: #6F4F28;
  --forest-floor-canvas-2: #A0522D;
  --forest-floor-canvas-3: #D07B3D;
  --forest-floor-canvas-4: #F0A36D;
  --forest-floor-canvas-5: #EEDFB8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-canvas": {
        1: "#6F4F28",
        2: "#A0522D",
        3: "#D07B3D",
        4: "#F0A36D",
        5: "#EEDFB8",
      }
    }
  }
}

Hex values

Color 1#6F4F28

Color 2#A0522D

Color 3#D07B3D

Color 4#F0A36D

Color 5#EEDFB8

Accessibility

Contrast checker

1.3:1Fail

2.3:1Fail

3.6:1AA18

5.6:1AA

1.3:1Fail

1.8:1Fail

2.7:1Fail

4.2:1AA18

2.3:1Fail

1.8:1Fail

1.5:1Fail

2.4:1Fail

3.6:1AA18

2.7:1Fail

1.5:1Fail

1.6:1Fail

5.6:1AA

4.2:1AA18

2.4:1Fail

1.6:1Fail

Similar palettes

More like Forest Floor Canvas

Forest Floor Whispers