Back to palettes

Palette

Vibrant Bazaar Spice

A lively explosion of warm, inviting colors, like the rich and aromatic spices found in a bustling marketplace.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ED7D3A#F7B733#FC6B2A#DE4F26#A62424

Palette guide

How to use Vibrant Bazaar Spice

Overview

The Vibrant Bazaar Spice palette is an energetic collection of warm, inviting hues, perfect for projects aiming to evoke a sense of warmth and excitement. This palette features a spectrum from a lively orange-yellow like #F7B733 and a bold, fiery orange #FC6B2A, to a deep, passionate red #A62424. The inclusion of #ED7D3A provides a softer orange, while #DE4F26 adds a deeper, more grounded red-orange. Designers and developers can leverage these colors to create engaging interfaces, packaging, or branding that feels both exotic and comforting, much like a bustling marketplace filled with aromatic spices. Its inherent warmth makes it ideal for food-related themes or cultural explorations.

Best used for

  • Food and beverage branding (packaging, restaurant menus)
  • Cultural events and festival promotions
  • Travel and tourism websites or brochures
  • E-commerce sites for artisanal goods or spices
  • Interior design concepts for cafes or ethnic restaurants
  • Digital marketing campaigns requiring high energy

Suggested color roles

primary

A vibrant, attention-grabbing orange, #FC6B2A, ideal for main calls-to-action or hero sections, conveying energy and excitement.

secondary

A bright, golden yellow, #F7B733, that complements the primary, excellent for subheadings, highlights, or secondary interactive elements.

accent

A deep, rich red, #A62424, perfect for drawing immediate attention to critical information, alerts, or small decorative elements that need to pop.

background

A warm, inviting orange, #ED7D3A, suitable for softer background areas or content blocks, providing a cozy yet vibrant base.

text

A strong, readable red-orange, #DE4F26, excellent for primary body text on light backgrounds, or use a dark charcoal for better contrast on lighter hues like #F7B733.

Accessibility notes

  • Ensure sufficient contrast between #A62424 and lighter backgrounds, especially for small text.
  • #F7B733 may require dark text (e.g., black or #A62424) to meet WCAG AA standards.
  • Avoid using #ED7D3A and #FC6B2A together for text/background without careful contrast checking due to their similar luminosities.
  • A dark background (like a deep charcoal or black) would provide excellent contrast for all vibrant colors in this palette.

Recommended combinations

Warm Glow

Ideal for subtle gradients, layered backgrounds, or illustrations that need a warm, inviting feel.

#ED7D3A · #F7B733 · #DE4F26

Bold Contrast

Excellent for headlines, primary calls-to-action, or hero sections where strong visual impact is desired.

#A62424 · #F7B733 · #FC6B2A

Market Spice

Useful for creating a cohesive warm theme in icons, data visualizations, or decorative UI elements.

#FC6B2A · #DE4F26 · #ED7D3A

CSS variables

:root {
  --vibrant-bazaar-spice-2-1: #ED7D3A;
  --vibrant-bazaar-spice-2-2: #F7B733;
  --vibrant-bazaar-spice-2-3: #FC6B2A;
  --vibrant-bazaar-spice-2-4: #DE4F26;
  --vibrant-bazaar-spice-2-5: #A62424;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vibrant-bazaar-spice-2": {
        1: "#ED7D3A",
        2: "#F7B733",
        3: "#FC6B2A",
        4: "#DE4F26",
        5: "#A62424",
      }
    }
  }
}

Related searches

vibrant orange red paletteenergetic spice color schemewarm bazaar colorsfood branding color ideasexotic market palette

Palette colors

Hex values

Color 1#ED7D3A
·
Color 2#F7B733
·
Color 3#FC6B2A
·
Color 4#DE4F26
·
Color 5#A62424
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1:1Fail
1.4:1Fail
2.6:1Fail
2
1.6:1Fail
1.6:1Fail
2.2:1Fail
4.1:1AA18
3
1:1Fail
1.6:1Fail
1.4:1Fail
2.5:1Fail
4
1.4:1Fail
2.2:1Fail
1.4:1Fail
1.8:1Fail
5
2.6:1Fail
4.1:1AA18
2.5:1Fail
1.8:1Fail

Similar palettes

More like Vibrant Bazaar Spice

View all vibrant
Abstract Expression Brush
Abstract Expression Burst
Alley Art Splatter
Bazaar Burst
Citrus Burst Splash
Citrus Burst Zest