Back to palettes

Palette

Spiced Marigold

Evokes the warm, inviting glow of sun-drenched marigolds mixed with exotic market spices.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8C2F00#D35400#F39C12#FFC300#FFEDCB

Palette guide

How to use Spiced Marigold

Overview

The Spiced Marigold palette blossoms with an energetic array of warm tones, perfect for designs seeking vibrancy and an inviting glow. Anchored by the deep burnt orange #8C2F00, it flows through the rich orange of #D35400 and the golden yellows of #F39C12 and #FFC300, culminating in the soft, creamy #FFEDCB. This collection evokes the feeling of a sun-drenched autumn day, blending the richness of exotic spices with the cheerful brightness of marigold flowers. It's ideal for projects that aim to be both lively and comforting, offering a spectrum from deep earthiness to radiant luminosity for a truly engaging visual experience.

Best used for

  • Autumn-themed digital campaigns
  • Food and beverage branding (spices, teas)
  • Vibrant event invitations and posters
  • E-commerce sites for artisanal goods
  • Lifestyle blogs with a focus on warmth
  • Interior design accents for cozy spaces

Suggested color roles

primary

#D35400 (Vibrant, inviting orange for main branding elements like logos and primary calls to action)

secondary

#F39C12 (Golden yellow, perfect for supporting visuals, navigation elements, or secondary headlines)

accent

#FFC300 (Bright, cheerful yellow for highlights, interactive states, or small, impactful details)

background

#FFEDCB (Soft, creamy off-white, providing a clean and warm canvas that allows other colors to pop)

text

#8C2F00 (Deep, rich brown-orange, offering excellent readability for body text against light backgrounds)

Accessibility notes

  • Ensure #8C2F00 or a dark charcoal is used for body text on #FFEDCB for optimal contrast.
  • Avoid using #F39C12 or #FFC300 as text colors on #FFEDCB for small font sizes.
  • Use #D35400 for larger headlines or UI elements on light backgrounds to maintain readability.
  • Provide sufficient contrast for interactive elements, considering both color and visual cues.

Recommended combinations

Autumn Radiance

Ideal for hero sections, presenting a warm and inviting welcome with a vibrant accent.

#D35400 · #FFEDCB · #F39C12

Spiced Depth

Great for strong headlines, buttons, and iconography, offering impactful contrast.

#8C2F00 · #FFC300 · #D35400

Soft Glow

Use for secondary content areas, cards, or subtle background patterns with dark text.

#F39C12 · #FFEDCB · #8C2F00

CSS variables

:root {
  --spiced-marigold-1: #8C2F00;
  --spiced-marigold-2: #D35400;
  --spiced-marigold-3: #F39C12;
  --spiced-marigold-4: #FFC300;
  --spiced-marigold-5: #FFEDCB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-marigold": {
        1: "#8C2F00",
        2: "#D35400",
        3: "#F39C12",
        4: "#FFC300",
        5: "#FFEDCB",
      }
    }
  }
}

Related searches

vibrant orange yellow paletteautumn color schemesspice inspired designwarm fall web designmarigold color combinations

Palette colors

Hex values

Color 1#8C2F00
·
Color 2#D35400
·
Color 3#F39C12
·
Color 4#FFC300
·
Color 5#FFEDCB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.8:1AA18
5.2:1AA
7.2:1AAA
2
2:1Fail
1.9:1Fail
2.6:1Fail
3.6:1AA18
3
3.8:1AA18
1.9:1Fail
1.4:1Fail
1.9:1Fail
4
5.2:1AA
2.6:1Fail
1.4:1Fail
1.4:1Fail
5
7.2:1AAA
3.6:1AA18
1.9:1Fail
1.4:1Fail

Similar palettes

More like Spiced Marigold

View all warm
Curry Tint
Moroccan Spice Market
Bazaar Spice Alchemy
Bazaar Spice Blend
Bright Autumn Orchard
Cardamom Spice Market