Back to palettes

Palette

Sunrise Market Spice

Inspired by the radiant oranges and yellows of a vibrant spice market at sunrise, full of energizing warmth.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E67300#FF9933#FFCC66#FFF2E6#CC4C00

Palette guide

How to use Sunrise Market Spice

Overview

The Sunrise Market Spice palette is inspired by the radiant oranges and yellows of a vibrant spice market at sunrise, full of energizing warmth. This energetic collection spans from the deep, rich #CC4C00 to the bright, inviting #FF9933, and the soft, creamy #FFF2E6. Hues like #E67300 and #FFCC66 provide the core warmth and zest, evoking the aromatic spices and golden light of dawn. Designers can use this palette to convey energy, warmth, exotic appeal, and a sense of culinary delight, making it perfect for food brands, travel, or projects requiring a lively and inviting atmosphere.

Best used for

  • Food and beverage branding, especially for spices or ethnic cuisine
  • Travel and cultural experience promotions
  • Autumn-themed event marketing
  • Restaurant and café interior design
  • Warm and inviting website interfaces
  • Artisan food packaging

Suggested color roles

primary

Use #FF9933 for main calls to action or key headings to convey energy and enthusiasm.

secondary

Apply #E67300 for larger content blocks or illustrative elements, offering a rich, warm foundation.

accent

Employ #CC4C00 for strong accents, navigation, or critical highlights to add depth and power.

background

#FFF2E6 provides a very light, warm base that allows the richer oranges and yellows to truly pop.

text

Dark charcoal or black for body text; white for text on #E67300 or #CC4C00.

Accessibility notes

  • #FFF2E6 will require very dark text for readability; avoid any light or medium grays.
  • Contrast between #FFCC66 and #FF9933 might be low for text; use these for graphical elements rather than text if placed adjacent.
  • #E67300 and #CC4C00 offer good contrast for white or very light text.
  • Always check color combinations for sufficient contrast, especially for interactive elements and small text.

Recommended combinations

Golden Spice

Ideal for gradients, headers, or backgrounds that need to convey a soft, glowing, and inviting warmth.

#FFF2E6 · #FFCC66 · #FF9933

Market Depth

Excellent for creating strong visual hierarchy, bold statements, or branding that requires a powerful, rich feel.

#E67300 · #CC4C00 · #FF9933

Zesty Warmth

A balanced selection for editorial layouts, softer branding, or illustrations where brightness and warmth are key.

#FF9933 · #FFCC66 · #FFF2E6

CSS variables

:root {
  --sunrise-market-spice-1: #E67300;
  --sunrise-market-spice-2: #FF9933;
  --sunrise-market-spice-3: #FFCC66;
  --sunrise-market-spice-4: #FFF2E6;
  --sunrise-market-spice-5: #CC4C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunrise-market-spice": {
        1: "#E67300",
        2: "#FF9933",
        3: "#FFCC66",
        4: "#FFF2E6",
        5: "#CC4C00",
      }
    }
  }
}

Related searches

vibrant spice palettewarm market colorsenergetic orange schemegolden sunrise brandingrich culinary tones

Palette colors

Hex values

Color 1#E67300
·
Color 2#FF9933
·
Color 3#FFCC66
·
Color 4#FFF2E6
·
Color 5#CC4C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.8:1Fail
1.5:1Fail
2
1.4:1Fail
1.4:1Fail
1.9:1Fail
2.1:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
3.1:1AA18
4
2.8:1Fail
1.9:1Fail
1.4:1Fail
4.2:1AA18
5
1.5:1Fail
2.1:1Fail
3.1:1AA18
4.2:1AA18

Similar palettes

More like Sunrise Market Spice

View all warm