Back to palettes

Palette

Warm Spice Market

A bold and inviting blend of spicy reds and earthy oranges, evoking the warmth of exotic markets.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#CD5C5C#E9967A#F08080#FA8072

Palette guide

How to use Warm Spice Market

Overview

The Warm Spice Market palette is a bold and inviting blend of spicy reds and earthy oranges, evoking the vibrant energy of exotic markets. With colors ranging from the deep #8B0000 to the lively #FA8072, this scheme provides a dynamic foundation for designs seeking to convey passion, warmth, and cultural richness. Developers can leverage the strong visual impact of #8B0000 and the softer tones of #E9967A to create engaging user interfaces. Designers will find this palette excellent for crafting energetic and memorable visuals, suitable for themes related to global cuisine, travel, or spirited community events, offering a truly captivating aesthetic.

Best used for

  • Global cuisine restaurant branding
  • Travel and cultural experience marketing
  • Event promotions for festivals
  • Fashion and textile e-commerce
  • Bold editorial design layouts
  • Spirited community website themes

Suggested color roles

primary

Use #CD5C5C as a dominant brand color or for impactful calls-to-action, providing a strong, warm, and inviting presence.

secondary

Apply #E9967A for supporting content blocks, subheadings, or secondary buttons, offering a softer, approachable contrast.

accent

Utilize #F08080 for highlights, interactive elements, or subtle graphic accents to add a vibrant, energetic pop.

background

Employ #E9967A for soft, warm background sections, ensuring readability with darker text from the palette or charcoal.

text

The darkest shade, #8B0000, is ideal for primary body text, ensuring excellent readability on lighter backgrounds like #E9967A or white.

Accessibility notes

  • Ensure strong contrast between #8B0000 text and lighter backgrounds like #E9967A to meet WCAG AA standards.
  • Be cautious when using #F08080 or #FA8072 for small text on similar mid-tone backgrounds, as contrast may be insufficient.
  • For interactive elements, clearly define hover/focus states using a contrasting shade like #CD5C5C to ensure usability.
  • Consider using a near-white or light cream for primary text on the darkest shade #8B0000 to maximize readability.

Recommended combinations

Market Vibes

Excellent for creating clear visual hierarchy from a soft base to bold, commanding text or buttons.

#E9967A · #CD5C5C · #8B0000

Spicy Energy

Ideal for drawing attention to calls-to-action, product highlights, or important announcements with vibrancy.

#F08080 · #FA8072 · #CD5C5C

Deep Earth

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

#8B0000 · #CD5C5C · #E9967A

CSS variables

:root {
  --warm-spice-market-1: #8B0000;
  --warm-spice-market-2: #CD5C5C;
  --warm-spice-market-3: #E9967A;
  --warm-spice-market-4: #F08080;
  --warm-spice-market-5: #FA8072;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-spice-market": {
        1: "#8B0000",
        2: "#CD5C5C",
        3: "#E9967A",
        4: "#F08080",
        5: "#FA8072",
      }
    }
  }
}

Related searches

warm red orange paletteexotic market colorsbold spice color schemeenergetic warm tonescultural design palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#CD5C5C
·
Color 3#E9967A
·
Color 4#F08080
·
Color 5#FA8072
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
4.3:1AA18
3.9:1AA18
4:1AA18
2
2.5:1Fail
1.7:1Fail
1.5:1Fail
1.6:1Fail
3
4.3:1AA18
1.7:1Fail
1.1:1Fail
1.1:1Fail
4
3.9:1AA18
1.5:1Fail
1.1:1Fail
1:1Fail
5
4:1AA18
1.6:1Fail
1.1:1Fail
1:1Fail

Similar palettes

More like Warm Spice Market

View all warm
Bazaar Spice Symphony
Canyon Sunset Glow
Ember Sky
Lava Flow
Marrakech Sunset Spice
Moroccan Spice Trail