Palette

Spiced Harvest Table

Rich, earthy tones reminiscent of autumn's bounty and the comforting aromas of warm spices.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Harvest Table 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 Spiced Harvest Table.

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

Data visualization

#A0522D#CD853F#D2691E#8B4513#F5DEB3

Palette guide

How to use Spiced Harvest Table

Overview

The Spiced Harvest Table palette features rich, earthy tones reminiscent of autumn's bounty and comforting aromas. Ranging from the deep #A0522D and #8B4513 to the vibrant #CD853F and #D2691E, with the soft #F5DEB3 providing a gentle lift, this scheme offers a natural and inviting feel. Designers and developers will find this palette excellent for projects that aim to convey authenticity, warmth, and a connection to nature. Its balanced blend of browns and oranges is perfect for creating engaging interfaces, branding, and content that resonates with a natural, wholesome mood.

Best used for

Farm-to-table restaurant branding
Artisan food product packaging
Natural beauty and wellness brands
Rustic event planning and decor
Editorial layouts for culinary magazines
Cozy and inviting web design

Suggested color roles

primary

Utilize #D2691E as a vibrant, inviting primary color for calls to action, main headings, or prominent graphical elements.

secondary

Employ #A0522D as a deep, earthy brown for supporting content, navigation, or as a stable background accent.

accent

Introduce #F5DEB3 as a light, creamy accent, perfect for subtle highlights, delicate typography, or soft background textures.

background

Use #F5DEB3 as a soft, neutral base, providing a clean and approachable canvas for your design.

text

For lighter backgrounds, #8B4513 offers the strongest contrast and excellent readability. For darker elements, a crisp white can be used.

Accessibility notes

Ensure high contrast for text on #F5DEB3, ideally using #8B4513 for primary content.
Check contrast ratios carefully when using #CD853F or #D2691E for text on similarly warm backgrounds.
Verify that interactive elements maintain adequate contrast against their backgrounds for usability.
Avoid placing light text on mid-tone browns like #A0522D without thorough contrast verification.

Recommended combinations

Earthy Spice

Creates a rich, layered effect, perfect for depth in illustrations, banners, or complex UI components.

#A0522D · #D2691E · #8B4513

Creamy Harvest

Ideal for soft, inviting sections, backgrounds, or subtle branding that evokes natural ingredients.

#CD853F · #F5DEB3 · #D2691E

Rustic Glow

Provides a warm, harmonious transition, suitable for gradients or visual elements that require a gentle flow.

#D2691E · #CD853F · #8B4513

CSS variables

:root {
  --spiced-harvest-table-1: #A0522D;
  --spiced-harvest-table-2: #CD853F;
  --spiced-harvest-table-3: #D2691E;
  --spiced-harvest-table-4: #8B4513;
  --spiced-harvest-table-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-harvest-table": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#D2691E",
        4: "#8B4513",
        5: "#F5DEB3",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#CD853F

Color 3#D2691E

Color 4#8B4513

Color 5#F5DEB3

Accessibility

Contrast checker

1.9:1Fail

1.5:1Fail

1.3:1Fail

4.3:1AA18

1.9:1Fail

1.2:1Fail

2.4:1Fail

2.3:1Fail

1.5:1Fail

1.2:1Fail

2:1Fail

2.8:1Fail

1.3:1Fail

2.4:1Fail

2:1Fail

5.4:1AA

4.3:1AA18

2.3:1Fail

2.8:1Fail

5.4:1AA

Similar palettes

More like Spiced Harvest Table

Spiced Autumn Harvest