Back to palettes

Palette

Spicy Earth Blend

Rich, grounding tones like paprika and cinnamon, warmed by soft, sun-drenched ochres.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spicy Earth Blend 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 Spicy Earth Blend.

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

Data visualization

#B25D3B#DE895E#F9C3A0#7A422D#C6754E

Palette guide

How to use Spicy Earth Blend

Overview

The Spicy Earth Blend palette offers a harmonious collection of warm, grounding tones, reminiscent of paprika, cinnamon, and sun-drenched ochres. It features deep, robust browns like 7A422D and B25D3B, which provide a solid foundation. These are beautifully complemented by the softer, inviting hues of C6754E and DE895E, culminating in a gentle, almost peachy F9C3A0. This palette is perfect for designers seeking to evoke natural warmth, comfort, and an organic aesthetic. Developers can leverage these earthy hex codes to create inviting and stable user interfaces that feel authentic and serene.

Best used for

  • Natural cosmetic or skincare product branding
  • Sustainable fashion or eco-friendly product websites
  • Wellness and mindfulness app interfaces
  • Café or bakery branding with a cozy, rustic feel
  • Home decor featuring natural materials and textures
  • Content related to organic farming or artisanal crafts

Suggested color roles

primary

7A422D – A deep, rich brown, excellent for main structural elements, navigation, or strong brand typography, conveying stability.

secondary

B25D3B – A warm, reddish-brown, suitable for subheadings, important calls-to-action, or graphic elements that need a grounded presence.

accent

DE895E – A soft, peachy orange, ideal for highlights, interactive elements, or subtle decorative touches that add warmth.

background

F9C3A0 – A very light, warm beige-peach that serves as an excellent, airy background, enhancing the earthy tones without overwhelming.

text

7A422D or a dark charcoal/black for body text, ensuring optimal readability on lighter backgrounds.

Accessibility notes

  • 7A422D and B25D3B provide excellent contrast for text on F9C3A0.
  • C6754E and DE895E may require larger text sizes or bolder weights to meet WCAG AA contrast on F9C3A0 for small text.
  • Avoid using F9C3A0 for text; it's too light for good readability against most backgrounds in this palette.
  • Always verify contrast ratios for all text and interactive elements to meet accessibility standards.

Recommended combinations

Earth & Spice

Core branding, website layouts, or packaging with a natural, robust feel.

#7A422D · #B25D3B · #F9C3A0

Sun-drenched Ochre

Warm, inviting hero sections, subtle card backgrounds, or layered UI elements.

#DE895E · #C6754E · #B25D3B

Gentle Harvest

Light, airy designs with prominent, readable text, or serene decorative accents.

#F9C3A0 · #DE895E · #7A422D

CSS variables

:root {
  --spicy-earth-blend-1: #B25D3B;
  --spicy-earth-blend-2: #DE895E;
  --spicy-earth-blend-3: #F9C3A0;
  --spicy-earth-blend-4: #7A422D;
  --spicy-earth-blend-5: #C6754E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spicy-earth-blend": {
        1: "#B25D3B",
        2: "#DE895E",
        3: "#F9C3A0",
        4: "#7A422D",
        5: "#C6754E",
      }
    }
  }
}

Related searches

earth tone spice palettewarm natural brown colorsrustic ochre designpaprika cinnamon paletteorganic brand color scheme

Palette colors

Hex values

Color 1#B25D3B
·
Color 2#DE895E
·
Color 3#F9C3A0
·
Color 4#7A422D
·
Color 5#C6754E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
1.7:1Fail
1.3:1Fail
2
1.7:1Fail
1.7:1Fail
3:1Fail
1.3:1Fail
3
3:1Fail
1.7:1Fail
5:1AA
2.2:1Fail
4
1.7:1Fail
3:1Fail
5:1AA
2.3:1Fail
5
1.3:1Fail
1.3:1Fail
2.2:1Fail
2.3:1Fail

Similar palettes

More like Spicy Earth Blend

View all warm