Back to palettes

Palette

Warm Spice Harvest

Rich, earthy oranges and browns reminiscent of aromatic spices gathered during a bountiful harvest.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Warm Spice Harvest 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 Warm Spice Harvest.

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

Data visualization

#A55200#C66E00#E88D1B#8F4600#7A3A00

Palette guide

How to use Warm Spice Harvest

Overview

The Warm Spice Harvest palette captures the vibrant essence of autumn with its rich, earthy oranges and deep, comforting browns. This collection, featuring hues from the bright #E88D1B to the grounding #7A3A00, is perfect for designs seeking to evoke warmth, natural abundance, and a touch of rustic charm. Developers can use the distinct contrast between shades like #C66E00 and #8F4600 to define interactive elements or data visualizations. Designers will find this palette excellent for creating inviting and energetic visuals, suitable for themes related to food, nature, or traditional craftsmanship, offering a robust and appealing aesthetic.

Best used for

  • Autumnal branding and marketing
  • Farm-to-table restaurant websites
  • Harvest festival promotions
  • E-commerce for natural products
  • Cozy blog or editorial themes
  • Packaging for artisanal goods

Suggested color roles

primary

Use #C66E00 for main headings, prominent buttons, or focal points to convey warmth and energy.

secondary

Apply #A55200 for supporting sections, subheadings, or decorative elements, providing a deeper, stable tone.

accent

Utilize #E88D1B for highlights, interactive states, or small graphics to add a vibrant, inviting pop.

background

Employ #A55200 for darker background sections, or a very light cream/off-white for main backgrounds, using darker palette colors for text.

text

The darkest shade, #7A3A00, is excellent for primary text on light backgrounds, ensuring strong readability. For darker backgrounds, use white or a very light cream.

Accessibility notes

  • Ensure high contrast between #7A3A00 text and light backgrounds (e.g., white) for optimal readability.
  • Be cautious when pairing #E88D1B with mid-tone browns; ensure sufficient contrast for any text or important icons.
  • For interactive elements, clearly define hover and focus states using a contrasting color like #C66E00.
  • Avoid using #A55200 or #8F4600 for small text on similarly dark backgrounds; consider white or light cream text.

Recommended combinations

Vibrant Earth

Great for establishing a warm, grounded look in headers, footers, and primary content blocks.

#C66E00 · #A55200 · #7A3A00

Harvest Glow

Perfect for drawing attention to calls-to-action, product highlights, or important announcements.

#E88D1B · #C66E00 · #A55200

Deep Roots

Use for robust backgrounds, accent borders, or to add gravitas to design elements.

#8F4600 · #7A3A00 · #C66E00

CSS variables

:root {
  --warm-spice-harvest-1: #A55200;
  --warm-spice-harvest-2: #C66E00;
  --warm-spice-harvest-3: #E88D1B;
  --warm-spice-harvest-4: #8F4600;
  --warm-spice-harvest-5: #7A3A00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-spice-harvest": {
        1: "#A55200",
        2: "#C66E00",
        3: "#E88D1B",
        4: "#8F4600",
        5: "#7A3A00",
      }
    }
  }
}

Related searches

warm orange brown paletteharvest color schemespicy autumn colorsearthy orange designnatural warm tones

Palette colors

Hex values

Color 1#A55200
·
Color 2#C66E00
·
Color 3#E88D1B
·
Color 4#8F4600
·
Color 5#7A3A00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
1.3:1Fail
1.6:1Fail
2
1.5:1Fail
1.5:1Fail
1.9:1Fail
2.3:1Fail
3
2.2:1Fail
1.5:1Fail
2.7:1Fail
3.4:1AA18
4
1.3:1Fail
1.9:1Fail
2.7:1Fail
1.3:1Fail
5
1.6:1Fail
2.3:1Fail
3.4:1AA18
1.3:1Fail

Similar palettes

More like Warm Spice Harvest

View all Warm
Gingerbread Spice House
Gingerbread Spice Mill
Spice Garden Earth
Spiced Bakery Comfort
Spiced Harvest Hearth
Autumn Amber Cascade