Palette

Bohemian Bazaar Flair

A lively blend of vibrant textiles and exotic spices found in a bustling bohemian marketplace.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Bazaar Flair 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 Bohemian Bazaar Flair.

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

Data visualization

#C21807#E09516#3A6158#8B4513#F2C75E

Palette guide

How to use Bohemian Bazaar Flair

Overview

The Bohemian Bazaar Flair palette is a lively and eclectic blend of vibrant textiles and exotic spices, capturing the energetic spirit of a bustling marketplace. It features the bold, passionate #C21807, a rich red, alongside the warm, inviting #E09516 and the earthy #8B4513. A refreshing contrast is provided by the intriguing #3A6158, a deep teal-green, while the cheerful #F2C75E adds a golden, sun-drenched accent. This vibrant collection is perfect for designs that aim to convey a sense of adventure, creativity, and a rich, global aesthetic, ideal for cultural events or artisanal brands.

Best used for

Artisanal product branding
Cultural event promotions
Travel and adventure blogs
Bohemian fashion websites
Restaurant and cafe interiors
Ethnic textile designs

Suggested color roles

primary

Use #C21807 as a bold primary for impactful headings or key brand elements, conveying passion and energy.

secondary

Employ #E09516 for supporting sections, subheadings, or background accents, bringing warmth and approachability.

accent

Apply #F2C75E for vibrant highlights, interactive elements, or graphic details, adding a cheerful and inviting glow.

background

Utilize #3A6158 as a grounding background for darker themes, or use a neutral cream/beige (not in palette) with the other colors as accents.

text

For dark text on light backgrounds, a deep charcoal or black is recommended. On darker backgrounds like #3A6158, #F2C75E provides excellent contrast for headings, while a lighter cream can be used for body text.

Accessibility notes

Ensure strong contrast when pairing vibrant colors like #C21807 or #E09516 with each other for text or critical elements.
The bright #F2C75E offers good contrast for text when used on the darker #3A6158, #C21807, or #8B4513 backgrounds.
For interactive elements, aim for a contrast ratio of at least 3:1 against adjacent colors, especially with the rich and varied tones.
Consider color vision deficiencies when using #C21807 and #8B4513 together; ensure distinct visual cues beyond color alone.

Recommended combinations

Vibrant Market

Ideal for bold branding, dynamic calls to action, or vibrant illustrations with strong contrast.

#C21807 · #F2C75E · #3A6158

Earthy Spice

Perfect for warm background textures, rustic elements, or inviting product highlights in an artisanal design.

#E09516 · #8B4513 · #F2C75E

Exotic Blend

Excellent for creating depth in UI, such as dark mode themes with vibrant accents, or layered content blocks.

#3A6158 · #C21807 · #E09516

CSS variables

:root {
  --bohemian-bazaar-flair-1: #C21807;
  --bohemian-bazaar-flair-2: #E09516;
  --bohemian-bazaar-flair-3: #3A6158;
  --bohemian-bazaar-flair-4: #8B4513;
  --bohemian-bazaar-flair-5: #F2C75E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-bazaar-flair": {
        1: "#C21807",
        2: "#E09516",
        3: "#3A6158",
        4: "#8B4513",
        5: "#F2C75E",
      }
    }
  }
}

Hex values

Color 1#C21807

Color 2#E09516

Color 3#3A6158

Color 4#8B4513

Color 5#F2C75E

Accessibility

Contrast checker

2.5:1Fail

1.1:1Fail

1.2:1Fail

3.8:1AA18

2.5:1Fail

2.8:1Fail

2.9:1Fail

1.5:1Fail

1.1:1Fail

2.8:1Fail

1:1Fail

4.3:1AA18