Back to palettes

Palette

Autumn Squash Glow

Inviting oranges and browns, evoking the rich, comforting flavors and warm glow of autumn squash.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#993D00#CC6600#E67300#FF9933#FFCC99

Palette guide

How to use Autumn Squash Glow

Overview

The Autumn Squash Glow palette offers inviting oranges and browns, evoking the rich, comforting flavors and warm glow of autumn squash. It features a deep dark orange (#993D00) for strong grounding, transitioning through a rich orange (#CC6600) and a vibrant pure orange (#E67300). A bright golden orange (#FF9933) adds a cheerful highlight, while a soft peach-orange (#FFCC99) provides a delicate, creamy touch. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, rustic charm, and an inviting, cozy aesthetic. From seasonal marketing and food-related branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

  • Gourmet food and beverage branding
  • Seasonal marketing for fall produce
  • Autumnal website and blog themes
  • Recipe blogs and cooking apps
  • Digital illustrations of squash
  • Cozy home decor mockups

Suggested color roles

primary

Utilize #993D00 as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

Employ #CC6600 for secondary headings or important content blocks, adding a warm and inviting orange hue.

accent

Highlight interactive elements or key information with #E67300 or #FF9933 to ensure they pop with energetic appeal.

background

A light, expansive background of #FFCC99 creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #993D00 or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

  • Ensure sufficient contrast between #993D00 text and #FFCC99 background for WCAG AA compliance.
  • Avoid using #FF9933 or #E67300 for small text on #FFCC99 backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the orange-brown spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #CC6600 and #E67300.

Recommended combinations

Squash Ground

Creates a deep, grounded base with a rustic accent and soft highlight, excellent for footers or natural headers.

#993D00 · #CC6600 · #FFCC99

Orange Glow

Ideal for energetic calls-to-action, festive banners, or graphic elements that evoke warm squash.

#E67300 · #FF9933 · #CC6600

Creamy Warmth

Use for a light, inviting background with deep text and a warm supporting color, suitable for content cards or alerts.

#FFCC99 · #993D00 · #E67300

CSS variables

:root {
  --autumn-squash-glow-1: #993D00;
  --autumn-squash-glow-2: #CC6600;
  --autumn-squash-glow-3: #E67300;
  --autumn-squash-glow-4: #FF9933;
  --autumn-squash-glow-5: #FFCC99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-squash-glow": {
        1: "#993D00",
        2: "#CC6600",
        3: "#E67300",
        4: "#FF9933",
        5: "#FFCC99",
      }
    }
  }
}

Related searches

autumn squash color palettecozy gourmet schemewarm orange brown hexseasonal fall designnatural food colors

Palette colors

Hex values

Color 1#993D00
·
Color 2#CC6600
·
Color 3#E67300
·
Color 4#FF9933
·
Color 5#FFCC99
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.3:1Fail
3.3:1AA18
4.7:1AA
2
1.8:1Fail
1.2:1Fail
1.8:1Fail
2.6:1Fail
3
2.3:1Fail
1.2:1Fail
1.4:1Fail
2.1:1Fail
4
3.3:1AA18
1.8:1Fail
1.4:1Fail
1.5:1Fail
5
4.7:1AA
2.6:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Autumn Squash Glow

View all warm
Autumn Spice Blend
Gingerbread Hearth
Harvest Spice Market
Pumpkin Spice Harvest
Spiced Autumn Gourd
Spiced Orange Peel