Palette

Marrakech Sunset Spice

Fiery oranges, rich reds, and golden yellows evoke the vibrant, aromatic atmosphere of a Marrakech spice market.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Marrakech Sunset 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 Marrakech Sunset Spice.

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

Data visualization

#B8860B#D2691E#FF7F50#FFD700#800000

Palette guide

How to use Marrakech Sunset Spice

Overview

The Marrakech Sunset Spice palette is a radiant collection of warm, fiery hues that capture the dramatic beauty of a North African sunset infused with exotic spice. Featuring a rich, deep gold #B8860B, vibrant oranges like #D2691E and #FF7F50, and a brilliant, pure gold #FFD700, this palette is grounded by a powerful, dark red #800000. It’s perfect for projects demanding an energetic yet sophisticated aesthetic, evoking warmth, passion, and cultural richness. Designers can apply this scheme to branding, digital interfaces, or print materials that seek to make a bold, memorable statement with an inviting, luxurious feel.

Best used for

Luxury travel branding
Restaurant and culinary websites
High-end fashion accessories
Event decor for themed parties
Product packaging for exotic goods
Digital art and illustration

Suggested color roles

primary

Use the rich, warm orange #D2691E for dominant sections, headers, or large graphical elements to set an inviting, energetic tone.

secondary

The brilliant gold #FFD700 serves well for secondary content, important calls-to-action, or navigational elements, adding a luxurious sparkle.

accent

The vibrant, warm coral #FF7F50 is perfect for dynamic accents, interactive states, or highlighting key information with a pop of color.

background

The deep, regal red #800000 can provide a powerful, sophisticated background for impactful designs, or #B8860B for a warm, opulent base.

text

On darker backgrounds, #FFD700 or white ensures excellent legibility. For lighter areas, a deep charcoal or black offers strong contrast.

Accessibility notes

#FFD700 text on #B8860B or #D2691E may not pass contrast checks; use a darker text color.
#800000 provides good contrast for text on #FFD700 or #FF7F50.
Be cautious with #FF7F50 text on #D2691E due to similar value; check contrast ratios.
Ensure all vital text elements have sufficient contrast, especially for smaller fonts.

Recommended combinations

Sunset Glow

A radiant and energetic combination, perfect for highlights and calls-to-action.

#D2691E · #FF7F50 · #FFD700

Regal Spice

Creates a luxurious and deep foundation for branding and sophisticated designs.

#800000 · #B8860B · #D2691E

Golden Bazaar

Ideal for vibrant accents and interactive elements, bringing a touch of opulence.

#B8860B · #FFD700 · #FF7F50

CSS variables

:root {
  --marrakech-sunset-spice-1: #B8860B;
  --marrakech-sunset-spice-2: #D2691E;
  --marrakech-sunset-spice-3: #FF7F50;
  --marrakech-sunset-spice-4: #FFD700;
  --marrakech-sunset-spice-5: #800000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "marrakech-sunset-spice": {
        1: "#B8860B",
        2: "#D2691E",
        3: "#FF7F50",
        4: "#FFD700",
        5: "#800000",
      }
    }
  }
}

Hex values

Color 1#B8860B

Color 2#D2691E

Color 3#FF7F50

Color 4#FFD700

Color 5#800000

Accessibility

Contrast checker

1.1:1Fail

1.3:1Fail

2.3:1Fail

3.4:1AA18

1.1:1Fail

1.5:1Fail

2.6:1Fail

3:1AA18

1.3:1Fail

1.5:1Fail

1.8:1Fail

4.4:1AA18

2.3:1Fail

2.6:1Fail

1.8:1Fail

7.8:1AAA

3.4:1AA18

3:1AA18

4.4:1AA18

7.8:1AAA

Similar palettes

More like Marrakech Sunset Spice