Back to palettes

Palette

Moroccan Spice Dawn

The fragrant awakening of a spice market as the sun rises, rich with exotic colors and aromas.

Warmenergetic5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moroccan Spice Dawn 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 Moroccan Spice Dawn.

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

Data visualization

#F4C430#E45B2A#CC7722#D2B48C#556B2F

Palette guide

How to use Moroccan Spice Dawn

Overview

The "Moroccan Spice Dawn" palette beautifully captures the soft, radiant glow of a sunrise over an exotic market, blending warm golds, oranges, and earthy tones. It features the bright, optimistic yellow of #F4C430 and the rich, inviting orange of #E45B2A. The deeper #CC7722 (ochre) adds a grounding, traditional feel, while #D2B48C (tan) provides a soft, sandy base. A touch of natural contrast comes from #556B2F (dark olive green), evoking distant foliage or aged brass. This palette is perfect for designs that need to convey warmth, authenticity, and a serene yet energetic start to the day.

Best used for

  • Morning routine apps or wellness brands
  • Coffee shop and bakery branding
  • Travel brochures for desert or exotic destinations
  • Home decor and textile design
  • Photography portfolios with natural light themes
  • UI/UX for peaceful, inviting digital experiences

Suggested color roles

primary

#F4C430 serves as a bright, optimistic highlight, ideal for accents, calls to action, or energetic headings.

secondary

#E45B2A provides a warm, inviting support, perfect for subheadings, buttons, or prominent graphical elements.

accent

#556B2F offers a subtle, earthy contrast, excellent for icons, separators, or small decorative details.

background

#D2B48C creates a soft, sandy foundation, ensuring warmth and readability for extensive content.

text

Use #CC7722 or a dark brown for body text on light backgrounds, providing excellent contrast and a natural feel.

Accessibility notes

  • Ensure #F4C430 and #E45B2A have sufficient contrast when used for text against lighter backgrounds, especially #D2B48C.
  • #CC7722 and #556B2F offer good readability for text on white or very light cream backgrounds.
  • Avoid using #D2B48C as a background for #F4C430 text due to potential low contrast.
  • Use #E45B2A or #CC7722 for larger text to ensure legibility, particularly on lighter backgrounds.

Recommended combinations

Dawn Glow

Creates a vibrant, energetic gradient, perfect for hero banners or elements that need to convey warmth and optimism.

#F4C430 · #E45B2A · #CC7722

Earthy Serenity

Offers a calm, natural combination, ideal for background sections, navigation, or subtle brand elements.

#D2B48C · #556B2F · #E45B2A

Golden Contrast

Pairs a bright gold with a deep olive for striking contrast, suitable for attention-grabbing icons or feature blocks.

#F4C430 · #556B2F · #CC7722

CSS variables

:root {
  --moroccan-spice-dawn-1: #F4C430;
  --moroccan-spice-dawn-2: #E45B2A;
  --moroccan-spice-dawn-3: #CC7722;
  --moroccan-spice-dawn-4: #D2B48C;
  --moroccan-spice-dawn-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-spice-dawn": {
        1: "#F4C430",
        2: "#E45B2A",
        3: "#CC7722",
        4: "#D2B48C",
        5: "#556B2F",
      }
    }
  }
}

Related searches

moroccan sunrise colorsspice market dawn palettewarm earthy yellow orangeexotic traditional color schemenatural light design colors

Palette colors

Hex values

Color 1#F4C430
·
Color 2#E45B2A
·
Color 3#CC7722
·
Color 4#D2B48C
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
2.1:1Fail
1.2:1Fail
3.6:1AA18
2
2.2:1Fail
1.1:1Fail
1.8:1Fail
1.7:1Fail
3
2.1:1Fail
1.1:1Fail
1.7:1Fail
1.8:1Fail
4
1.2:1Fail
1.8:1Fail
1.7:1Fail
3:1AA18
5
3.6:1AA18
1.7:1Fail
1.8:1Fail
3:1AA18

Similar palettes

More like Moroccan Spice Dawn

View all Warm
Autumn Bounty Feast
Dusk Horizon Radiance
Fiery Ember Core
Moroccan Spice Souk
Bazaar Spice Bloom
Bazaar Spice Symphony