Back to palettes

Palette

Spiced Market Glow

Warm and inviting tones reminiscent of vibrant spice markets and cozy autumn evenings.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A3D00#D2691E#FFB947#F0C808#6B4E32

Palette guide

How to use Spiced Market Glow

Overview

The Spiced Market Glow palette radiates with the warm, inviting hues of a cozy autumn evening and the vibrant bustle of a spice market. It features the deep burnt orange #8A3D00, transitioning through the rich chocolate orange #D2691E and the bright orange #FFB947. Complementing these are the radiant golden yellow #F0C808 and the grounding dark brown #6B4E32. This palette is designed to evoke feelings of warmth, comfort, and a rich, natural glow. Its harmonious blend of deep and bright tones offers versatility, making it perfect for designs that aim to be both energetic and deeply comforting, capturing a natural and inviting mood.

Best used for

  • Fall season marketing and promotions
  • Artisanal craft websites and e-commerce
  • Traditional game or app interfaces
  • Home goods and decor branding
  • Photography portfolios (nature, food)
  • Rustic event invitations and stationery

Suggested color roles

primary

#D2691E (Rich chocolate orange, providing a strong, inviting brand presence)

secondary

#F0C808 (Radiant golden yellow, perfect for supporting visuals and energetic accents)

accent

#FFB947 (Bright orange, ideal for calls to action, highlights, or interactive elements)

background

#FFB947 (Bright orange can be used for a vibrant background, or a neutral cream for softer contrast)

text

#6B4E32 (Deep dark brown, ensuring excellent readability for body text on light backgrounds)

Accessibility notes

  • Use #6B4E32 or a dark charcoal for body text on light backgrounds (e.g., a neutral cream) for optimal contrast.
  • Ensure #8A3D00 provides sufficient contrast for body text if used on #FFB947 or #F0C808.
  • Be cautious using #F0C808 or #FFB947 for small text due to their brightness; reserve for larger elements.
  • Provide clear visual indicators for interactive elements, especially with similar warm tones.

Recommended combinations

Autumn Depth

Great for creating visual depth in headers or background sections, blending deep and bright.

#8A3D00 · #F0C808 · #D2691E

Glow & Ground

Perfect for strong text, vibrant accents, and a rich primary color in buttons or icons.

#6B4E32 · #FFB947 · #D2691E

Market Radiance

Use for lively highlights, energetic elements, and grounding them with a dark, readable text color.

#F0C808 · #FFB947 · #6B4E32

CSS variables

:root {
  --spiced-market-glow-1: #8A3D00;
  --spiced-market-glow-2: #D2691E;
  --spiced-market-glow-3: #FFB947;
  --spiced-market-glow-4: #F0C808;
  --spiced-market-glow-5: #6B4E32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-market-glow": {
        1: "#8A3D00",
        2: "#D2691E",
        3: "#FFB947",
        4: "#F0C808",
        5: "#6B4E32",
      }
    }
  }
}

Related searches

autumn glow color schemespiced gold paletteearthy warm designcozy fall colorsnatural market aesthetic

Palette colors

Hex values

Color 1#8A3D00
·
Color 2#D2691E
·
Color 3#FFB947
·
Color 4#F0C808
·
Color 5#6B4E32
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.5:1AA18
4.7:1AA
1:1Fail
2
2.1:1Fail
2.1:1Fail
2.2:1Fail
2.1:1Fail
3
4.5:1AA18
2.1:1Fail
1.1:1Fail
4.4:1AA18
4
4.7:1AA
2.2:1Fail
1.1:1Fail
4.7:1AA
5
1:1Fail
2.1:1Fail
4.4:1AA18
4.7:1AA

Similar palettes

More like Spiced Market Glow

View all warm