Back to palettes

Palette

Market Spice Burst

A lively blend of vibrant oranges and reds, reminiscent of a bustling bazaar's aromatic spices.

Vibrantenergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E58D2D#C63D0F#961C1C#F4C471#6D320C

Palette guide

How to use Market Spice Burst

Overview

The Market Spice Burst palette offers a rich, autumnal blend of oranges, reds, and browns, perfect for conveying warmth, vibrancy, and a touch of rustic charm. With a dominant fiery orange #E58D2D, a deep red #C63D0F, and a bold maroon #961C1C, this palette is balanced by a creamy, light gold #F4C471 and a grounding dark brown #6D320C. This combination is ideal for designs that aim to evoke the rich aromas and textures of a bustling bazaar. Designers can effectively use this scheme for branding, web design, or editorial layouts that require an energetic yet grounded aesthetic.

Best used for

  • Autumnal marketing campaigns
  • Food packaging for gourmet products
  • Craft brewery branding
  • Travel and cultural heritage websites
  • Interior design accents for warm spaces
  • Event invitations with a rustic feel

Suggested color roles

primary

Use the vibrant orange #E58D2D for main headings, calls-to-action, or dominant graphic elements to capture attention.

secondary

The deep, rich red #C63D0F is excellent for secondary content blocks or important links, adding depth and intensity.

accent

The light, creamy gold #F4C471 serves as a brilliant accent for highlights, small icons, or decorative elements, providing contrast.

background

The dark brown #6D320C can be used for deep, grounding backgrounds, or the lighter #F4C471 for airy content areas.

text

On lighter backgrounds, #6D320C or a deep charcoal provides excellent readability. For dark backgrounds, #F4C471 or white is recommended.

Accessibility notes

  • #F4C471 text on #E58D2D or #C63D0F may have insufficient contrast; use darker text.
  • #6D320C provides excellent contrast against #F4C471 for body text.
  • Ensure enough contrast when using #961C1C for text on lighter hues.
  • Always test color combinations for readability, especially for smaller font sizes.

Recommended combinations

Bold & Grounded

Creates strong visual hierarchy, perfect for headings and supporting details.

#C63D0F · #6D320C · #F4C471

Vibrant Bazaar

A dynamic and energetic trio suitable for marketing materials and interactive elements.

#E58D2D · #961C1C · #F4C471

Earthy Warmth

Ideal for backgrounds and secondary content, offering a rich and inviting feel.

#6D320C · #E58D2D · #C63D0F

CSS variables

:root {
  --market-spice-burst-1: #E58D2D;
  --market-spice-burst-2: #C63D0F;
  --market-spice-burst-3: #961C1C;
  --market-spice-burst-4: #F4C471;
  --market-spice-burst-5: #6D320C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "market-spice-burst": {
        1: "#E58D2D",
        2: "#C63D0F",
        3: "#961C1C",
        4: "#F4C471",
        5: "#6D320C",
      }
    }
  }
}

Related searches

rustic spice paletteautumnal market colorsfiery orange brown schemeenergetic earth tonesrich bazaar branding

Palette colors

Hex values

Color 1#E58D2D
·
Color 2#C63D0F
·
Color 3#961C1C
·
Color 4#F4C471
·
Color 5#6D320C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.3:1AA18
1.6:1Fail
3.9:1AA18
2
2:1Fail
1.6:1Fail
3.2:1AA18
1.9:1Fail
3
3.3:1AA18
1.6:1Fail
5.2:1AA
1.2:1Fail
4
1.6:1Fail
3.2:1AA18
5.2:1AA
6.1:1AA
5
3.9:1AA18
1.9:1Fail
1.2:1Fail
6.1:1AA

Similar palettes

More like Market Spice Burst

View all Vibrant