Back to palettes

Palette

Spice Garden Earth

Rich, earthy tones inspired by a sun-drenched garden overflowing with aromatic spices, warm and inviting.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spice Garden Earth 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 Spice Garden Earth.

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

Data visualization

#8B4513#CD853F#D2B48C#F5DEB3#FFF8DC

Palette guide

How to use Spice Garden Earth

Overview

The Spice Garden Earth palette is a naturally harmonious collection of warm, earthy tones, inspired by a sun-drenched garden rich with aromatic spices. It features the deep, grounding #8B4513, the warm #CD853F, the soft #D2B48C, the delicate #F5DEB3, and the airy #FFF8DC. This palette provides designers and developers with an inviting and organic aesthetic, perfect for projects seeking to convey natural beauty, warmth, and authenticity. It's particularly well-suited for evoking a sense of calm, wellness, and connection to nature, making it highly versatile for various digital and physical applications.

Best used for

  • Organic food and wellness branding
  • Eco-friendly product packaging
  • Home decor and interior design websites
  • Nature-themed photography portfolios
  • Handmade craft e-commerce
  • Spa and retreat promotional materials

Suggested color roles

primary

Use #8B4513 as a deep, stable primary for backgrounds or main structural elements, providing an earthy foundation.

secondary

Employ #CD853F for secondary content areas, navigation, or larger text blocks, adding warmth and approachability.

accent

Apply #D2B48C or #F5DEB3 for subtle highlights, delicate illustrations, or soft interactive elements.

background

The lightest #FFF8DC creates an airy, clean background, while #8B4513 can be used for deep, immersive sections.

text

For dark text on light backgrounds, #8B4513 is ideal. For light text on dark backgrounds, #FFF8DC ensures optimal readability.

Accessibility notes

  • Ensure #8B4513 text on #FFF8DC background offers sufficient contrast for body text.
  • Avoid using #D2B48C or #F5DEB3 as text on #FFF8DC, as contrast will be too low for readability.
  • When pairing #CD853F with #D2B48C, ensure there's enough difference for visual separation, especially for borders or small elements.
  • For headings, #CD853F can be used on #8B4513 if the text is large enough and contrast is checked.

Recommended combinations

Earthy Ground

Ideal for a clean, natural header or hero section, balancing deep brown with a crisp light and warm accent.

#8B4513 · #FFF8DC · #CD853F

Garden Softness

Excellent for content blocks or testimonials, providing a gentle, inviting feel with subtle color transitions.

#CD853F · #D2B48C · #FFF8DC

Natural Harmony

Perfect for accents or call-to-action elements, leveraging the contrast between light and deep earthy tones.

#F5DEB3 · #8B4513 · #CD853F

CSS variables

:root {
  --spice-garden-earth-1: #8B4513;
  --spice-garden-earth-2: #CD853F;
  --spice-garden-earth-3: #D2B48C;
  --spice-garden-earth-4: #F5DEB3;
  --spice-garden-earth-5: #FFF8DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-garden-earth": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#FFF8DC",
      }
    }
  }
}

Related searches

earthy spice colorsnatural garden palettewarm neutral tonesorganic brown schemerustic tan color palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#F5DEB3
·
Color 5#FFF8DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.6:1AA18
5.4:1AA
6.7:1AA
2
2.4:1Fail
1.5:1Fail
2.3:1Fail
2.8:1Fail
3
3.6:1AA18
1.5:1Fail
1.5:1Fail
1.9:1Fail
4
5.4:1AA
2.3:1Fail
1.5:1Fail
1.2:1Fail
5
6.7:1AA
2.8:1Fail
1.9:1Fail
1.2:1Fail

Similar palettes

More like Spice Garden Earth

View all Warm
Boho Sunloom Weave
Warm Spice Harvest
Autumn Leaf Fall
Coastal Clay Harvest
Gingerbread Spice House
Gingerbread Spice Mill