Palette

Spiced Bazaar Journey

Rich, aromatic shades of a bustling spice market under a warm sun.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Bazaar Journey 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 Spiced Bazaar Journey.

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

Data visualization

#8A3000#C2632F#E79B50#F4C47C#A6552B

Palette guide

How to use Spiced Bazaar Journey

Overview

The "Spiced Bazaar Journey" palette invites exploration with its rich, aromatic blend of deep browns and vibrant oranges, reminiscent of a sun-drenched marketplace. This collection features a profound dark orange-brown #8A3000, a warm and inviting copper #C2632F, and a softer, approachable peach #E79B50. A creamy, light apricot #F4C47C provides a gentle highlight, while a robust rust brown #A6552B grounds the palette. Designers can utilize these colors to create immersive branding, captivating digital experiences, or editorial content that evokes warmth, adventure, and exotic charm. Developers will find these hex codes excellent for crafting engaging UI themes that feel both energetic and comforting across various platforms.

Best used for

Travel agency branding or destination marketing
E-commerce for global artisan crafts or textiles
Cultural event promotions and festival branding
Mobile apps with a discovery or exploration theme
Packaging for exotic foods, spices, or beauty products
Editorial design for international lifestyle magazines

Suggested color roles

primary

#8A3000 - A deep, commanding burnt orange, excellent for strong brand presence, main headers, or foundational elements, conveying depth.

secondary

#A6552B - A rich, earthy rust brown, suitable for subheadings, navigation, or secondary content blocks, providing a stable contrast.

accent

#E79B50 - A warm, inviting peach-orange, perfect for call-to-action buttons, interactive elements, or highlights that need a gentle pop.

background

#F4C47C - A very light, creamy apricot, ideal for clean, warm backgrounds that allow other colors to stand out beautifully.

text

#8A3000 - This deep orange-brown offers strong readability against #F4C47C, providing a distinct and warm text color. Black (#000000) can be used for optimal universal legibility.

Accessibility notes

Ensure #8A3000 text on #F4C47C background meets WCAG AA contrast standards for readability.
Avoid using #E79B50 or #F4C47C for small text elements on light backgrounds due to potential low contrast.
Use #C2632F or #A6552B for interactive elements to provide clear visual cues for users.
For extensive body text, consider using a very dark brown or charcoal to ensure maximum legibility against the warmer tones.

Recommended combinations

Deep Earth

Ideal for core branding, main website sections, or print materials that require a grounded, exotic feel.

#8A3000 · #F4C47C · #A6552B

Spice Route

Excellent for highlighting key information, secondary elements, or creating visually appealing data visualizations.

#C2632F · #E79B50 · #8A3000

Desert Glow

Best for subtle background textures, softer UI elements, or gradients that need to convey gentle warmth and light.

#F4C47C · #E79B50 · #C2632F

CSS variables

:root {
  --spiced-bazaar-journey-1: #8A3000;
  --spiced-bazaar-journey-2: #C2632F;
  --spiced-bazaar-journey-3: #E79B50;
  --spiced-bazaar-journey-4: #F4C47C;
  --spiced-bazaar-journey-5: #A6552B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-bazaar-journey": {
        1: "#8A3000",
        2: "#C2632F",
        3: "#E79B50",
        4: "#F4C47C",
        5: "#A6552B",
      }
    }
  }
}

Hex values

Color 1#8A3000

Color 2#C2632F

Color 3#E79B50

Color 4#F4C47C

Color 5#A6552B

Accessibility

Contrast checker

2:1Fail

3.7:1AA18

5.2:1AA

1.6:1Fail

2:1Fail

1.8:1Fail

2.5:1Fail

1.3:1Fail

3.7:1AA18

1.8:1Fail

1.4:1Fail

2.3:1Fail

5.2:1AA

2.5:1Fail

1.4:1Fail

3.3:1AA18

1.6:1Fail

1.3:1Fail

2.3:1Fail

3.3:1AA18

Similar palettes

More like Spiced Bazaar Journey

View all warm

Bazaar Spice Alchemy

Bazaar Spice Blend

Bazaar Spice Symphony

Moroccan Spice Bazaar

Paprika Spice Market

Saffron Market Spice