Palette

Bohemian Spice Market

A vibrant fusion of spicy reds, oranges, and deep teals, evoking the lively energy of a bohemian market.

earthenergetic5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E76F51#F4A261#E9C46A#2A9D8F#264653

Palette guide

How to use Bohemian Spice Market

Overview

The Bohemian Spice Market palette is a vibrant fusion of spicy reds, oranges, and deep teals, evoking the lively energy of a bohemian market. This energetic scheme features a bold Coral (#E76F51), warm Tangerine (#F4A261), sunny Goldenrod (#E9C46A), refreshing Teal (#2A9D8F), and deep Charcoal Blue (#264653). It's perfect for designs that aim for a vibrant, exotic, and engaging mood, conveying energy and cultural richness. Designers and developers can leverage this palette to create visually stimulating and memorable user experiences.

Best used for

Exotic food and beverage branding
Travel and cultural tourism promotions
Bohemian fashion and accessory e-commerce
Vibrant event and festival marketing
Interactive digital experiences
Lively social media content

Suggested color roles

primary

#E76F51 (Coral) serves as a bold, energetic main color for headers or key interactive elements, capturing attention.

secondary

#2A9D8F (Teal) provides a refreshing, cool contrast, ideal for subheadings or supportive content, balancing the warmth.

accent

#F4A261 (Tangerine) or #E9C46A (Goldenrod) offers a bright, inviting pop for calls to action or decorative flourishes.

background

#264653 (Charcoal Blue) can provide a deep, sophisticated background for dramatic contrast, or use a neutral off-white.

text

Use #264653 for main body text on lighter backgrounds like white or light gray, ensuring optimal legibility.

Accessibility notes

Ensure sufficient contrast when using #E76F51, #F4A261, or #E9C46A for text on similarly light or warm backgrounds.
#264653 provides excellent contrast for text on #E9C46A or lighter backgrounds to meet WCAG AA standards.
Avoid placing #2A9D8F text on #264653 due to potential low contrast.
Consider using the vibrant oranges and goldenrod for larger headlines or graphic accents, with #264653 for body text.

Recommended combinations

Market Energy

Creates a dynamic, vibrant feel for banners, highlight sections, or energetic branding elements.

#E76F51 · #2A9D8F · #E9C46A

Spice Contrast

Ideal for establishing depth and visual interest, combining deep and bright tones effectively.

#264653 · #F4A261 · #E76F51

Exotic Blend

Use for soft gradients, background textures, or emphasizing light, airy sections with vibrant accents.

#E9C46A · #2A9D8F · #F4A261

CSS variables

:root {
  --bohemian-spice-market-1: #E76F51;
  --bohemian-spice-market-2: #F4A261;
  --bohemian-spice-market-3: #E9C46A;
  --bohemian-spice-market-4: #2A9D8F;
  --bohemian-spice-market-5: #264653;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-spice-market": {
        1: "#E76F51",
        2: "#F4A261",
        3: "#E9C46A",
        4: "#2A9D8F",
        5: "#264653",
      }
    }
  }
}

Hex values

Color 1#E76F51

Color 2#F4A261

Color 3#E9C46A

Color 4#2A9D8F

Color 5#264653

Accessibility

Contrast checker

1.5:1Fail

1.9:1Fail

1.1:1Fail

3.3:1AA18

1.5:1Fail

1.2:1Fail

1.6:1Fail

4.9:1AA

1.9:1Fail

1.2:1Fail

2:1Fail

6:1AA

1.1:1Fail

1.6:1Fail

2:1Fail

3:1AA18

3.3:1AA18

4.9:1AA

6:1AA

3:1AA18

Similar palettes

More like Bohemian Spice Market

View all earth

Moroccan Tile Zest

Vibrant Souk Hues

Moroccan Spice Bazaar

Souk Market Colors

Sunbaked Terra Firm

Ancient Spice Market