Back to palettes

Palette

Spice Market Warmth

Rich and inviting hues reminiscent of aromatic spices and golden markets under the sun.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spice Market Warmth 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 Market Warmth.

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

Data visualization

#C04B1E#D88B2A#F2C78E#8A3D1E#B07A38

Palette guide

How to use Spice Market Warmth

Overview

The Spice Market Warmth palette (ID: spice-market-warmth-2) presents a natural and inviting spectrum of earthy tones, perfect for projects that aim for a rich, organic feel. This collection includes a deep terracotta #C04B1E, a warm amber #D88B2A, a soft peach #F2C78E, a robust reddish-brown #8A3D1E, and a muted ochre #B07A38. Designers can leverage this palette to create branding that feels authentic and grounded, ideal for artisanal products or cozy digital experiences. Developers will find these hues versatile for building user interfaces that are both aesthetically pleasing and comfortable to interact with, ensuring visual harmony and a sense of natural elegance across all elements.

Best used for

  • Artisanal food and craft product branding
  • Natural beauty and wellness websites
  • Cozy cafe or restaurant interior design concepts
  • E-commerce platforms for handcrafted goods
  • Autumnal or harvest-themed digital marketing
  • User interfaces requiring a warm, natural aesthetic

Suggested color roles

primary

Designate #8A3D1E (Burnt Umber) or #C04B1E (Terracotta) as the core brand color for headings, strong accents, or foundational design elements, providing a deep, grounding presence.

secondary

Utilize #B07A38 (Muted Ochre) or #D88B2A (Warm Amber) for supporting content, subheadings, or secondary calls-to-action, adding warmth without overpowering.

accent

Introduce #D88B2A (Warm Amber) for subtle highlights, interactive elements, or small decorative touches to add a gentle glow and draw attention.

background

Employ #F2C78E (Soft Peach) as a primary background color, offering a light, warm, and inviting canvas that ensures excellent text readability.

text

For body text, use a dark, highly legible color such as #8A3D1E, #C04B1E, or a standard charcoal/black on the lighter #F2C78E background for optimal contrast.

Accessibility notes

  • Ensure text set in #8A3D1E or #C04B1E on #F2C78E meets WCAG AA contrast standards for readability.
  • Be cautious when pairing #D88B2A and #B07A38 for adjacent elements, as their similar luminance might reduce contrast for some users.
  • Provide sufficient visual feedback for interactive elements, especially if using mid-tone colors like #D88B2A for buttons.
  • Consider using larger font sizes for text presented in lighter hues like #F2C78E if it's not on a dark, contrasting background.

Recommended combinations

Earthy Foundation

Establishes a solid, natural base for branding or website layouts, combining deep and mid-tones with a soft background.

#8A3D1E · #C04B1E · #F2C78E

Spiced Amber

Ideal for creating rich, inviting sections or graphics, blending warm oranges and browns for a sophisticated, natural feel.

#C04B1E · #D88B2A · #B07A38

Soft Glow

Use for lighter, airy designs, or to highlight content with a gentle, warm radiance, perfect for backgrounds and subtle accents.

#D88B2A · #B07A38 · #F2C78E

CSS variables

:root {
  --spice-market-warmth-2-1: #C04B1E;
  --spice-market-warmth-2-2: #D88B2A;
  --spice-market-warmth-2-3: #F2C78E;
  --spice-market-warmth-2-4: #8A3D1E;
  --spice-market-warmth-2-5: #B07A38;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-market-warmth-2": {
        1: "#C04B1E",
        2: "#D88B2A",
        3: "#F2C78E",
        4: "#8A3D1E",
        5: "#B07A38",
      }
    }
  }
}

Related searches

natural warm color schemeearthy food branding paletteterracotta color combinationscozy design colorsmuted spice tones

Palette colors

Hex values

Color 1#C04B1E
·
Color 2#D88B2A
·
Color 3#F2C78E
·
Color 4#8A3D1E
·
Color 5#B07A38
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
1.5:1Fail
1.3:1Fail
2
1.8:1Fail
1.7:1Fail
2.8:1Fail
1.3:1Fail
3
3.1:1AA18
1.7:1Fail
4.8:1AA
2.3:1Fail
4
1.5:1Fail
2.8:1Fail
4.8:1AA
2.1:1Fail
5
1.3:1Fail
1.3:1Fail
2.3:1Fail
2.1:1Fail

Similar palettes

More like Spice Market Warmth

View all warm
Bohemian Sunset Glow
Spice Route
Autumn Cider Spill
Autumn Foliage
Autumn Harvest Wreath
Autumn Leaf Rustle