Back to palettes

Palette

Amber Leaf Descent

Subtle, sophisticated tones of autumn leaves as they gently descend, hinting at the crisp air.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amber Leaf Descent 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 Amber Leaf Descent.

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

Data visualization

#8B4513#B8860B#D2691E#A0522D#CD5C5C

Palette guide

How to use Amber Leaf Descent

Overview

The "Amber Leaf Descent" palette offers sophisticated, muted tones of autumn leaves, evoking the crisp air and gentle fall. It features a rich #8B4513 (Saddle Brown) and a deep #B8860B (Dark Goldenrod), grounding the aesthetic. Warmer, more vibrant hues like #D2691E (Chocolate) and #A0522D (Sienna) add depth, while the unexpected #CD5C5C (Indian Red) introduces a unique, understated reddish-brown warmth. This palette is ideal for designs seeking a natural, elegant, and contemplative mood, perfect for seasonal editorial, refined branding, or artistic projects.

Best used for

  • Autumn fashion and lifestyle branding
  • Editorial design for nature or art publications
  • Seasonal product packaging (e.g., candles, teas)
  • Website themes for creative professionals or artists
  • Rustic event invitations with a refined touch
  • Photography backdrops for natural portraits

Suggested color roles

primary

Use #8B4513 as a strong, grounding saddle brown, excellent for main headings, navigation, or foundational brand elements.

secondary

Employ #A0522D as a rich, warm sienna, perfect for subheadings, prominent content blocks, or a secondary brand color.

accent

Apply #D2691E as a deep, rich chocolate orange, ideal for call-to-action buttons, interactive elements, or a vibrant highlight.

background

A light cream or off-white (e.g., #FBF8F0) to allow the rich, muted tones to stand out and ensure readability.

text

For primary body text on light backgrounds, use #8B4513, offering excellent contrast and a sophisticated, earthy feel.

Accessibility notes

  • Ensure #8B4513 text has sufficient contrast against light backgrounds (e.g., #FBF8F0).
  • Avoid using #CD5C5C or #A0522D for small text on light backgrounds, as contrast may be insufficient.
  • When using #D2691E for text, pair it with a very light background for optimal readability.
  • The overall muted nature means careful contrast checking is essential, especially between similar mid-tones.

Recommended combinations

Forest Floor

A deep, layered combination for strong visual hierarchy, perfect for headers, subheadings, and key actions.

#8B4513 · #A0522D · #D2691E

Fading Light

A unique reddish accent with golden and deep brown, creating a sophisticated and natural flow.

#CD5C5C · #B8860B · #8B4513

Crisp Air

A strong base, a vibrant accent, and a warm supporting color, ideal for impactful UI components.

#8B4513 · #D2691E · #A0522D

CSS variables

:root {
  --amber-leaf-descent-1: #8B4513;
  --amber-leaf-descent-2: #B8860B;
  --amber-leaf-descent-3: #D2691E;
  --amber-leaf-descent-4: #A0522D;
  --amber-leaf-descent-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-leaf-descent": {
        1: "#8B4513",
        2: "#B8860B",
        3: "#D2691E",
        4: "#A0522D",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

muted autumn color schemeelegant fall leaf palettesophisticated earthy tonesnatural brown red goldseasonal design inspiration

Palette colors

Hex values

Color 1#8B4513
·
Color 2#B8860B
·
Color 3#D2691E
·
Color 4#A0522D
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
2:1Fail
1.3:1Fail
1.8:1Fail
2
2.2:1Fail
1.1:1Fail
1.7:1Fail
1.2:1Fail
3
2:1Fail
1.1:1Fail
1.5:1Fail
1.1:1Fail
4
1.3:1Fail
1.7:1Fail
1.5:1Fail
1.4:1Fail
5
1.8:1Fail
1.2:1Fail
1.1:1Fail
1.4:1Fail

Similar palettes

More like Amber Leaf Descent

View all warm
Autumn Spice Glow
Autumn Ember Glow
Autumn Foliage Crunch
Autumn Forest Canopy
Autumn Leaf Crisp
Autumn Leaf Ember