Back to palettes

Palette

Mellow Autumn Sunlight

The comforting warmth and golden glow of a perfectly sunny autumn afternoon, full of soft light.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#FFD700#FFA500#F4A460#CD5C08

Palette guide

How to use Mellow Autumn Sunlight

Overview

The Mellow Autumn Sunlight palette emanates the comforting warmth and golden glow of a perfect fall afternoon. This collection of rich, earthy tones and bright golds, including #B8860B (Dark Goldenrod), #FFD700 (Gold), and #CD5C08 (Chocolate), is ideal for designs seeking to evoke coziness, natural beauty, and a welcoming ambiance. It’s a versatile palette for designers and developers looking to capture the essence of autumn, from rustic charm to sun-kissed elegance. The inclusion of #FFA500 (Orange) and #F4A460 (Sandy Brown) provides softer transitions and inviting highlights, making it suitable for a range of applications.

Best used for

  • Autumnal marketing campaigns and seasonal promotions
  • Cozy cafe or bakery branding
  • Food blogs and recipe websites with warm aesthetics
  • Rustic home decor and interior design concepts
  • Harvest festival event branding
  • Wedding stationery for fall ceremonies

Suggested color roles

primary

Use #B8860B as the foundational primary for a rich, earthy warmth in backgrounds or large content blocks.

secondary

Employ #F4A460 for secondary UI elements or accent panels, offering a soft, inviting touch.

accent

Apply #CD5C08 for strong calls to action, important headlines, or decorative accents to add depth and warmth.

background

Utilize #FFD700 sparingly as a bright, sunny highlight background for specific sections or as a subtle overlay.

text

For body text, #CD5C08 or a deep charcoal ensures excellent readability, especially on lighter shades like #F4A460.

Accessibility notes

  • Ensure sufficient contrast when placing text on #FFD700; a dark brown or black is usually required.
  • Avoid using #FFA500 directly on #F4A460 for critical text due to potential low contrast.
  • Use #B8860B or #CD5C08 for text on lighter backgrounds like #F4A460 to meet WCAG AA standards.
  • When using multiple warm tones, vary lightness and darkness to improve visual hierarchy and readability.

Recommended combinations

Golden Harvest

Ideal for creating a deep, rich autumnal feel in branding, web banners, or seasonal product displays.

#B8860B · #F4A460 · #CD5C08

Sunny Glow

Perfect for highlighting bright, optimistic sections or elements that need to convey warmth and light, like hero images.

#FFD700 · #FFA500 · #F4A460

Rustic Depth

Great for adding contrast and sophistication, suitable for elegant typography or bold graphic elements.

#B8860B · #FFD700 · #CD5C08

CSS variables

:root {
  --mellow-autumn-sunlight-1: #B8860B;
  --mellow-autumn-sunlight-2: #FFD700;
  --mellow-autumn-sunlight-3: #FFA500;
  --mellow-autumn-sunlight-4: #F4A460;
  --mellow-autumn-sunlight-5: #CD5C08;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mellow-autumn-sunlight": {
        1: "#B8860B",
        2: "#FFD700",
        3: "#FFA500",
        4: "#F4A460",
        5: "#CD5C08",
      }
    }
  }
}

Related searches

autumn color palettewarm fall colorsgolden sunlight themecozy design schemeharvest festival colors

Palette colors

Hex values

Color 1#B8860B
·
Color 2#FFD700
·
Color 3#FFA500
·
Color 4#F4A460
·
Color 5#CD5C08
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.6:1Fail
1.6:1Fail
1.3:1Fail
2
2.3:1Fail
1.4:1Fail
1.4:1Fail
2.9:1Fail
3
1.6:1Fail
1.4:1Fail
1:1Fail
2.1:1Fail
4
1.6:1Fail
1.4:1Fail
1:1Fail
2:1Fail
5
1.3:1Fail
2.9:1Fail
2.1:1Fail
2:1Fail

Similar palettes

More like Mellow Autumn Sunlight

View all warm
Autumn Harvest Berry
Autumn Hearthside Glow
Autumn Spice Blend
Autumn Spice Hearth
Autumn Spiced Brew
Harvest Moon Hearth