Palette

Autumn Gleam

Golden and russet tones reflect the rich bounty and cozy warmth of an autumn harvest.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DAA520#B8860B#CD853F#A0522D#8B4513

Palette guide

How to use Autumn Gleam

Overview

The "Autumn Gleam" palette reflects the rich bounty and cozy warmth of an autumn harvest, featuring golden and russet tones. It transitions from the radiant golden yellow of #DAA520 and the slightly deeper gold of #B8860B, through the warm sandy brown of #CD853F, to the earthy russet of #A0522D and the deep, grounding brown of #8B4513. This collection is perfect for designs aiming to evoke natural warmth, rustic charm, and a sense of cozy abundance. Designers and developers can utilize these harmonious hues for creating inviting web interfaces, organic branding, or evocative seasonal content.

Best used for

Harvest festival branding and marketing
Cozy home and lifestyle blogs
Artisanal food product packaging
Autumnal event invitations and decor
User interfaces with a warm, natural aesthetic
Digital art depicting harvest scenes

Suggested color roles

primary

#DAA520 - A radiant golden yellow that serves as an excellent focal point for branding, call-to-action buttons, or main headings.

secondary

#CD853F - A warm, sandy brown that provides strong support for subheadings, navigation elements, or content dividers.

accent

#B8860B - A slightly deeper gold that adds a luxurious touch, perfect for interactive elements, highlights, or subtle decorative details.

background

#A0522D - A rich, earthy russet that provides a warm, grounded base, allowing brighter golds to stand out.

text

#8B4513 - A deep, dark brown that provides excellent contrast against lighter shades like #DAA520 or #CD853F, ensuring high readability for body text.

Accessibility notes

Ensure sufficient contrast for text, especially when using #DAA520 or #B8860B on #CD853F.
For body text on #DAA520 or #CD853F, use #8B4513 or a dark charcoal/black to meet WCAG AA standards.
Avoid using #A0522D for small text on #8B4513 due to potential readability issues.
Test interactive elements for clear visual feedback and sufficient contrast in all states.

Recommended combinations

Golden Harvest

Creates a luminous, warm golden gradient, ideal for banners, headers, or luxurious accents.

#DAA520 · #B8860B · #CD853F

Earthy Depth

Combines the deepest brown and russet with a vibrant gold for striking contrast and a sense of profound richness.

#8B4513 · #A0522D · #DAA520

Rustic Gleam

A harmonious blend of warm browns and gold, perfect for sophisticated designs or textural elements.

#CD853F · #B8860B · #A0522D

CSS variables

:root {
  --autumn-gleam-1: #DAA520;
  --autumn-gleam-2: #B8860B;
  --autumn-gleam-3: #CD853F;
  --autumn-gleam-4: #A0522D;
  --autumn-gleam-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-gleam": {
        1: "#DAA520",
        2: "#B8860B",
        3: "#CD853F",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#DAA520

Color 2#B8860B

Color 3#CD853F

Color 4#A0522D

Color 5#8B4513

Accessibility

Contrast checker

1.5:1Fail

1.3:1Fail

2.5:1Fail

3.2:1AA18

1.5:1Fail

1.1:1Fail

1.7:1Fail

2.2:1Fail

1.3:1Fail

1.1:1Fail

1.9:1Fail

2.4:1Fail

2.5:1Fail

1.7:1Fail

1.9:1Fail

1.3:1Fail

3.2:1AA18

2.2:1Fail

2.4:1Fail

1.3:1Fail

Similar palettes

More like Autumn Gleam

Autumn Gleam

See it in context.

Ready when you are.

Built with Autumn Gleam.

How to use Autumn Gleam

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Golden Harvest

Earthy Depth

Rustic Gleam

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Autumn Gleam