Palette

Spiced Market

A vibrant and aromatic blend of colors reminiscent of an exotic spice market's rich treasures.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFBF00#D14539#8B4513#E69E3D#556B2F

Palette guide

How to use Spiced Market

Overview

The Spiced Market palette is a vibrant and aromatic blend of colors, reminiscent of an exotic spice market's rich treasures. It features the radiant #FFBF00 (saffron yellow), the bold #D14539 (vibrant red), and the earthy #8B4513 (saddle brown). Complementing these are the warm #E69E3D (burnt orange) and the unique #556B2F (dark olive green). This energetic palette combines fiery warmth with a grounding natural green, offering a dynamic range for designs that aim to be lively, adventurous, and rich in cultural flair. It's an ideal choice for projects seeking a distinctive and memorable visual identity.

Best used for

Global cuisine restaurant branding
Travel agency and tourism marketing
Festival and cultural event promotion
Artisan food and beverage packaging
Educational content about diverse cultures
Textile and fabric design inspired by markets

Suggested color roles

primary

#D14539 (Vibrant red, creating a strong, energetic, and inviting brand presence)

secondary

#FFBF00 (Radiant saffron yellow, perfect for lively highlights and key information)

accent

#E69E3D (Warm burnt orange, adding depth and a touch of earthiness to accents)

background

A neutral cream or light beige (not in palette) to let the vibrant colors pop and ensure readability.

text

#8B4513 (Deep saddle brown, providing excellent readability for body text on light backgrounds)

Accessibility notes

Use #8B4513 or #556B2F for body text on light backgrounds (e.g., a neutral cream) for optimal contrast.
Be cautious using #D14539 or #FFBF00 for small text; reserve for headlines or larger UI elements.
The #556B2F green provides a refreshing contrast; ensure it has sufficient contrast against other palette colors.
Ensure interactive elements have clear focus states, especially with the high-saturation colors.

Recommended combinations

Market Energy

Excellent for primary branding, combining bold red with bright yellow and grounding brown text.

#D14539 · #FFBF00 · #8B4513

Earthy Balance

Ideal for secondary sections, bringing in the unique green with warm orange and red accents.

#556B2F · #E69E3D · #D14539

Saffron Highlights

Use for icons, interactive elements, or illustrations, providing warmth and clear readability.

#FFBF00 · #E69E3D · #8B4513

CSS variables

:root {
  --spiced-market-1: #FFBF00;
  --spiced-market-2: #D14539;
  --spiced-market-3: #8B4513;
  --spiced-market-4: #E69E3D;
  --spiced-market-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-market": {
        1: "#FFBF00",
        2: "#D14539",
        3: "#8B4513",
        4: "#E69E3D",
        5: "#556B2F",
      }
    }
  }
}

Hex values

Color 1#FFBF00

Color 2#D14539

Color 3#8B4513

Color 4#E69E3D

Color 5#556B2F

Accessibility

Contrast checker

2.7:1Fail

4.3:1AA18

1.4:1Fail

3.6:1AA18

2.7:1Fail

1.6:1Fail

2:1Fail

1.3:1Fail

4.3:1AA18

1.6:1Fail

3.2:1AA18

1.2:1Fail

1.4:1Fail

2:1Fail

3.2:1AA18

2.6:1Fail

3.6:1AA18

1.3:1Fail

1.2:1Fail

2.6:1Fail

Similar palettes

More like Spiced Market