Palette

Autumn Bramble Trail

Rich, deep reds and oranges of late autumn berries and leaves, tracing a rustic forest path.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Bramble Trail 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 Autumn Bramble Trail.

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

Data visualization

#7A292C#A3473D#CD7B58#E6BA8B#4A2F25

Palette guide

How to use Autumn Bramble Trail

Overview

The "Autumn Bramble Trail" palette features rich, deep reds and oranges of late autumn berries and leaves, tracing a rustic forest path, creating a natural and warm feel. It includes a profound dark red #7A292C, a rich brick red #A3473D, a muted sienna #CD7B58, a luminous light peach #E6BA8B, and a deep brown #4A2F25. This warm palette is ideal for designers looking to infuse coziness, nature, and a strong connection to the autumn season into their projects. The harmonious blend of reds, oranges, and browns, progressing from deep to light, creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

Seasonal product marketing (fall collection)
Food and beverage branding (berry jams, wines)
Home decor or interior design websites
Nature photography portfolios
Crafts and artisanal goods e-commerce
Autumnal event invitations

Suggested color roles

primary

#A3473D - A rich brick red, ideal for main interactive elements, key calls-to-action, or prominent sections that convey warmth and richness.

secondary

#7A292C - A profound dark red, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#E6BA8B - A luminous light peach, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#CD7B58 - A muted sienna, providing an airy and serene canvas that allows the deeper reds and oranges to stand out beautifully.

text

#4A2F25 - A deep brown that offers excellent readability on #CD7B58 or #E6BA8B, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

Ensure #4A2F25 has sufficient contrast when used for text on #CD7B58 or #E6BA8B backgrounds.
#7A292C can be used for headings on #4A2F25, but always verify contrast for smaller text.
Avoid using #A3473D text directly on #CD7B58, as the contrast might be insufficient.
For optimal readability, use a dark charcoal or black text on the lightest shades for general body copy.

Recommended combinations

Deep Woods

Robust website footers, elegant dashboards, or professional presentations.

#4A2F25 · #7A292C · #A3473D

Bramble Glow

Vibrant hero sections, engaging infographics, or serene app interfaces.

#A3473D · #CD7B58 · #E6BA8B

Autumn Rust

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#4A2F25 · #CD7B58 · #E6BA8B

CSS variables

:root {
  --autumn-bramble-trail-1: #7A292C;
  --autumn-bramble-trail-2: #A3473D;
  --autumn-bramble-trail-3: #CD7B58;
  --autumn-bramble-trail-4: #E6BA8B;
  --autumn-bramble-trail-5: #4A2F25;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-bramble-trail": {
        1: "#7A292C",
        2: "#A3473D",
        3: "#CD7B58",
        4: "#E6BA8B",
        5: "#4A2F25",
      }
    }
  }
}

Hex values

Color 1#7A292C

Color 2#A3473D

Color 3#CD7B58

Color 4#E6BA8B

Color 5#4A2F25

Accessibility

Contrast checker

1.6:1Fail

3:1AA18

5.4:1AA

1.3:1Fail

1.6:1Fail

1.9:1Fail

3.3:1AA18

2:1Fail

3:1AA18

1.9:1Fail

1.8:1Fail

3.8:1AA18

5.4:1AA

3.3:1AA18

1.8:1Fail

6.8:1AA

1.3:1Fail

2:1Fail

3.8:1AA18

6.8:1AA

Similar palettes

More like Autumn Bramble Trail

Autumn Harvest Hearth

Autumn Maple Canopy

Autumn Orchard Bloom