Palette

Golden Bazaar Spice

A vibrant spectrum of golden oranges and warm yellows, like a bustling exotic spice bazaar.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#AB5B00#D9801A#FFB53A#FFDC7D#FFF3D6

Palette guide

How to use Golden Bazaar Spice

Overview

The Golden Bazaar Spice palette captures the essence of a bustling market with its warm, energetic blend of golden oranges and warm yellows. Ranging from the deep, grounding #AB5B00 to the airy #FFF3D6, this palette offers a rich spectrum for designers. Key colors like the vibrant #D9801A and the radiant #FFB53A provide excellent focal points. This palette is ideal for projects aiming to evoke warmth, authenticity, and a touch of exotic luxury, lending itself well to both digital and print applications where a lively and inviting atmosphere is key.

Best used for

Cultural festival branding and marketing materials
Food blogs or recipe sites with a focus on international cuisine
Artisan craft e-commerce platforms
Travel documentaries or blogs about vibrant cities
Interior design mood boards for warm, inviting spaces
Packaging for gourmet spices or natural products

Suggested color roles

primary

Use #D9801A as a dynamic primary color for prominent calls-to-action, important headlines, or brand elements to convey energy.

secondary

The brighter #FFB53A serves well for secondary buttons, interactive elements, or backgrounds that need a warm glow.

accent

Apply the deep #AB5B00 for powerful accents, borders, or footer elements, providing a strong anchor and depth.

background

The very light #FFF3D6 creates a soft, luminous base, ensuring content stands out while maintaining a warm feel.

text

A rich dark brown like #AB5B00 or a deep charcoal (e.g., #222222) offers optimal readability for body text against the lighter shades.

Accessibility notes

Ensure sufficient contrast for text on #FFF3D6; use darker colors like #AB5B00 or black for readability.
Avoid using #FFDC7D for small text on #FFF3D6 due to low contrast.
Pair #AB5B00 or #D9801A with #FFF3D6 for accessible headings and interactive elements.
Consider outlining buttons in a darker shade when using #FFB53A as a button fill to improve visibility.

Recommended combinations

Warm Base

Perfect for light, airy backgrounds and primary content areas, maintaining a bright and welcoming feel.

#FFF3D6 · #FFDC7D · #FFB53A

Spiced Harmony

Excellent for creating depth and hierarchy in sections, from subheadings to key feature blocks.

#FFB53A · #D9801A · #AB5B00

Rich Contrast

Ideal for high-impact areas like hero sections or testimonials, where strong visual separation is desired.

#FFF3D6 · #D9801A · #AB5B00

CSS variables

:root {
  --golden-bazaar-spice-1: #AB5B00;
  --golden-bazaar-spice-2: #D9801A;
  --golden-bazaar-spice-3: #FFB53A;
  --golden-bazaar-spice-4: #FFDC7D;
  --golden-bazaar-spice-5: #FFF3D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-bazaar-spice": {
        1: "#AB5B00",
        2: "#D9801A",
        3: "#FFB53A",
        4: "#FFDC7D",
        5: "#FFF3D6",
      }
    }
  }
}

Hex values

Color 1#AB5B00

Color 2#D9801A

Color 3#FFB53A

Color 4#FFDC7D

Color 5#FFF3D6

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

3.7:1AA18

4.5:1AA

1.7:1Fail

2.2:1Fail

2.7:1Fail

2.8:1Fail

1.7:1Fail

1.3:1Fail

1.6:1Fail

3.7:1AA18

2.2:1Fail

1.3:1Fail

1.2:1Fail

4.5:1AA

2.7:1Fail

1.6:1Fail

1.2:1Fail

Similar palettes

More like Golden Bazaar Spice

Golden Bazaar Spice

See it in context.

Ready when you are.

Built with Golden Bazaar Spice.

How to use Golden Bazaar Spice

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Warm Base

Spiced Harmony

Rich Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Golden Bazaar Spice