Back to palettes

Palette

Bazaar Spice Symphony

A vibrant explosion of colors inspired by exotic spice markets, with warm, aromatic and energetic tones.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bazaar Spice Symphony 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 Bazaar Spice Symphony.

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

Data visualization

#8D2A00#C34900#F58021#FABF69#5B7B3E

Palette guide

How to use Bazaar Spice Symphony

Overview

The Bazaar Spice Symphony palette is a vibrant explosion of colors inspired by exotic spice markets, with warm, aromatic, and energetic tones. Featuring deep burnt orange #8D2A00, rich orange #C34900, and bright orange #F58021, alongside vibrant peach #FABF69 and muted green #5B7B3E, this collection is perfect for designers and developers seeking an energetic, warm, and exotic aesthetic. It provides a dynamic and inviting foundation for projects that aim for impactful visual communication and a sense of cultural richness. This palette is ideal for conveying warmth, authenticity, and lively energy, reminiscent of bustling global bazaars.

Best used for

  • Ethnic food packaging or restaurant branding
  • Travel and adventure websites and blogs
  • Cultural festival promotions and event branding
  • Autumnal or harvest-themed designs
  • Warm and inviting digital interfaces and UI/UX
  • Artisanal product marketing with a global feel

Suggested color roles

primary

Utilize the deep burnt orange #8D2A00 for foundational elements, bold typography, or dominant sections, providing a rich, stable anchor.

secondary

Apply the rich orange #C34900 for headers, important sections, or accent panels, adding depth and warmth.

accent

Employ the vibrant peach #FABF69 for soft highlights, and muted green #5B7B3E for a natural, contrasting touch.

background

Use the bright orange #F58021 for an energetic and welcoming base, creating a vibrant and expansive backdrop.

text

Integrate the deep burnt orange #8D2A00 or a dark brown for primary text on light backgrounds, or use white or cream for optimal readability on darker shades.

Accessibility notes

  • The deepest shades #8D2A00 and #C34900 provide good contrast on #FABF69 for body text, ensuring readability.
  • Bright orange #F58021 and vibrant peach #FABF69 might require darker text (e.g., #8D2A00 or black) for readability; check WCAG contrast.
  • Ensure muted green #5B7B3E text on #F58021 background meets WCAG contrast requirements for legibility.
  • Avoid using #FABF69 as text on #F58021 due to low contrast, which can significantly hinder readability.

Recommended combinations

Warm Core

Create a rich, energetic, and inviting base for backgrounds and primary content areas, ideal for conveying warmth and authenticity.

#8D2A00 · #C34900 · #F58021

Vibrant Contrast

Introduce a lively pop against a deep background, perfect for calls-to-action or significant visual elements in a vibrant design.

#8D2A00 · #FABF69 · #5B7B3E

Spice Harmony

Design a smooth and energetic warm gradient for sections requiring a sophisticated visual flow or background texture.

#C34900 · #F58021 · #FABF69

CSS variables

:root {
  --bazaar-spice-symphony-1: #8D2A00;
  --bazaar-spice-symphony-2: #C34900;
  --bazaar-spice-symphony-3: #F58021;
  --bazaar-spice-symphony-4: #FABF69;
  --bazaar-spice-symphony-5: #5B7B3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bazaar-spice-symphony": {
        1: "#8D2A00",
        2: "#C34900",
        3: "#F58021",
        4: "#FABF69",
        5: "#5B7B3E",
      }
    }
  }
}

Related searches

exotic orange green palettewarm spice market colorsenergetic autumn schemevibrant culinary brandingnatural earthy orange

Palette colors

Hex values

Color 1#8D2A00
·
Color 2#C34900
·
Color 3#F58021
·
Color 4#FABF69
·
Color 5#5B7B3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
5.2:1AA
1.8:1Fail
2
1.7:1Fail
1.9:1Fail
3:1Fail
1:1Fail
3
3.2:1AA18
1.9:1Fail
1.6:1Fail
1.8:1Fail
4
5.2:1AA
3:1Fail
1.6:1Fail
2.9:1Fail
5
1.8:1Fail
1:1Fail
1.8:1Fail
2.9:1Fail

Similar palettes

More like Bazaar Spice Symphony

View all warm
Bazaar Spice Blend
Bazaar Spice Bloom
Moroccan Spice Bazaar
Moroccan Spice Bazaar
Paprika Spice Market
Saffron Market Hues