Palette

Spiced Market Cascade

A lively and energetic palette reflecting the dynamic colors and aromas of a bustling spice market.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF4500#DAA520#8B4513#F4A460#FFD700

Palette guide

How to use Spiced Market Cascade

Overview

The Spiced Market Cascade palette is a vibrant and energetic collection, bursting with the dynamic colors of a bustling spice market. It features the intense #FF4500 (orange-red), balanced by the radiant #FFD700 (gold) and the rich #DAA520 (goldenrod). Grounding these lively hues are the earthy #8B4513 (saddle brown) and the softer #F4A460 (sandy brown). This palette is designed to create an immediate sense of excitement and warmth, making it perfect for projects that demand attention and a lively, engaging atmosphere. It's a cascade of rich, fiery tones that can bring a dynamic and memorable feel to any design.

Best used for

Dynamic event posters and promotions
Youth-oriented branding and advertising
Food truck or vibrant restaurant branding
Digital campaigns requiring high energy
Creative art and design projects
Festive seasonal marketing materials

Suggested color roles

primary

#FF4500 (Bold and energetic orange-red, perfect for high-impact branding and calls to action)

secondary

#FFD700 (Bright, radiant gold, used for highlights, key information, or lively accents)

accent

#DAA520 (Warm goldenrod, adding a touch of richness and supporting the primary vibrant tones)

background

#F4A460 (Soft sandy brown, providing a gentle, warm base that allows brighter colors to stand out)

text

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

Accessibility notes

Use #8B4513 or a dark charcoal for body text on #F4A460 for optimal contrast and readability.
Be cautious using #FF4500 or #FFD700 for small text; reserve for headlines or large UI elements.
Ensure interactive elements have clear focus states, especially when using vibrant oranges and yellows.
Provide alternative visual cues for color-blind users, particularly for status indicators using orange/red.

Recommended combinations

High Energy Pop

Excellent for headlines, call-to-action buttons, and vibrant graphic elements with dark text.

#FF4500 · #FFD700 · #8B4513

Warm Earth Base

Ideal for background sections, footers, or secondary content to provide stability and warmth.

#8B4513 · #F4A460 · #DAA520

Market Highlights

Use for icons, interactive elements, or illustrations, combining richness with vibrancy.

#DAA520 · #FF4500 · #F4A460

CSS variables

:root {
  --spiced-market-cascade-1: #FF4500;
  --spiced-market-cascade-2: #DAA520;
  --spiced-market-cascade-3: #8B4513;
  --spiced-market-cascade-4: #F4A460;
  --spiced-market-cascade-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-market-cascade": {
        1: "#FF4500",
        2: "#DAA520",
        3: "#8B4513",
        4: "#F4A460",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#FF4500

Color 2#DAA520

Color 3#8B4513

Color 4#F4A460

Color 5#FFD700

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

1.7:1Fail

2.5:1Fail

1.5:1Fail

3.2:1AA18

1.1:1Fail

1.6:1Fail

2.1:1Fail

3.2:1AA18

3.5:1AA18

5.1:1AA

1.7:1Fail

1.1:1Fail

3.5:1AA18

1.4:1Fail

2.5:1Fail

1.6:1Fail

5.1:1AA

1.4:1Fail

Similar palettes

More like Spiced Market Cascade