Back to palettes

Palette

Autumn Leaf Mosaic

A rich tapestry of browns, oranges, and faded golds, inspired by a mosaic of autumn leaves.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Leaf Mosaic 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 Leaf Mosaic.

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

Data visualization

#6B3F2E#9D5C3F#CD8056#EAC78F#FFF0BE

Palette guide

How to use Autumn Leaf Mosaic

Overview

The Autumn Leaf Mosaic palette is a rich tapestry of browns, oranges, and faded golds, inspired by a mosaic of autumn leaves. This natural and warm collection offers designers and developers a sophisticated range of earthy tones, perfect for creating inviting and grounded experiences. Featuring deep #6B3F2E, rich #9D5C3F, vibrant #CD8056, soft #EAC78F, and luminous #FFF0BE, this palette provides versatility. Its smooth transition from deep chocolate to soft golden cream creates a soothing visual flow, ideal for projects that aim to convey warmth, tradition, and the delightful essence of autumnal beauty, perfect for lifestyle or artistic themes.

Best used for

  • cozy home decor websites
  • artisanal craft branding
  • fall wedding stationery
  • nature-inspired digital art
  • seasonal product packaging
  • rustic interior design concepts

Suggested color roles

primary

#6B3F2E - A deep, rich chocolate brown, excellent for foundational elements, large headers, or backgrounds that provide strong stability and warmth.

secondary

#9D5C3F - A robust, warm brown-orange, perfect for supporting content blocks, navigation, or as a strong, earthy base for lighter accents.

accent

#CD8056 - A vibrant, medium salmon-orange, ideal for calls to action, important highlights, or decorative elements that add a cheerful glow.

background

#FFF0BE - A very light, luminous golden cream, provides a soft, warm, and highly readable backdrop for most text and UI elements.

text

#6B3F2E - For primary body text on light backgrounds like #FFF0BE or #EAC78F, offering excellent readability and maintaining the palette's deep, warm tone.

Accessibility notes

  • Ensure #6B3F2E or #9D5C3F text on #FFF0BE or #EAC78F backgrounds meets WCAG AA contrast standards.
  • Avoid using #CD8056 or #EAC78F for small text directly on #FFF0BE due to potential low contrast.
  • For critical information, use the darkest colors (#6B3F2E, #9D5C3F) for text against the lightest background (#FFF0BE).
  • White or a very light cream provides excellent contrast for text on #6B3F2E, #9D5C3F, and #CD8056.

Recommended combinations

Mosaic Depth

Creates a rich, grounded contrast, perfect for strong branding or prominent calls to action.

#6B3F2E · #9D5C3F · #FFF0BE

Golden Tapestry

Ideal for smooth transitions in backgrounds, layered elements, or visual storytelling of autumn leaves.

#9D5C3F · #CD8056 · #EAC78F

Soft Glow

Provides a clean, readable layout with a strong dark text option and a soft, warm accent.

#FFF0BE · #6B3F2E · #CD8056

CSS variables

:root {
  --autumn-leaf-mosaic-1: #6B3F2E;
  --autumn-leaf-mosaic-2: #9D5C3F;
  --autumn-leaf-mosaic-3: #CD8056;
  --autumn-leaf-mosaic-4: #EAC78F;
  --autumn-leaf-mosaic-5: #FFF0BE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-mosaic": {
        1: "#6B3F2E",
        2: "#9D5C3F",
        3: "#CD8056",
        4: "#EAC78F",
        5: "#FFF0BE",
      }
    }
  }
}

Related searches

autumn leaf brown orangeseasonal mosaic colorswarm faded gold palettenatural earthy fall tonescozy craft aesthetic

Palette colors

Hex values

Color 1#6B3F2E
·
Color 2#9D5C3F
·
Color 3#CD8056
·
Color 4#EAC78F
·
Color 5#FFF0BE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
5.5:1AA
7.8:1AAA
2
1.7:1Fail
1.7:1Fail
3.2:1AA18
4.6:1AA
3
2.9:1Fail
1.7:1Fail
1.9:1Fail
2.7:1Fail
4
5.5:1AA
3.2:1AA18
1.9:1Fail
1.4:1Fail
5
7.8:1AAA
4.6:1AA
2.7:1Fail
1.4:1Fail

Similar palettes

More like Autumn Leaf Mosaic

View all warm
Cozy Autumn Leaf
Crisp Autumn Leaves
Autumn Cider Warmth
Autumn Ember Glow
Autumn Forest Canopy
Autumn Harvest Bounty