Back to palettes

Palette

Desert Spice Market

A rich and inviting array of warm oranges and browns, inspired by the aromatic complexity of a desert spice market.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B26C2A#D6944A#EDC28C#8C4F1A#663A0F

Palette guide

How to use Desert Spice Market

Overview

The "Desert Spice Market" palette delivers a rich, inviting array of warm oranges and earthy browns, perfectly capturing the aromatic complexity of its namesake. Deep tones like #663A0F and #8C4F1A provide a strong, grounded foundation, while #B26C2A and #D6944A introduce a vibrant, spiced warmth. The lightest hue, #EDC28C, offers a soft, creamy highlight, essential for balance. This natural and earthy collection is ideal for designers seeking to evoke a sense of tradition, quality, and exotic charm. Its cohesive range of warm hues makes it suitable for luxurious branding, comfortable web interfaces, or editorial content that feels authentic and inviting.

Best used for

  • Artisan food and beverage packaging
  • Heritage brand identity
  • Rustic home decor websites
  • E-commerce for natural products
  • Travel brochures for exotic destinations
  • Storytelling and editorial design

Suggested color roles

primary

#B26C2A - A rich, inviting orange-brown, ideal for key brand elements that convey warmth and quality.

secondary

#D6944A - A lighter, more vibrant orange for secondary headings, illustrations, or calls to action.

accent

#EDC28C - A soft, creamy beige for highlights, delicate patterns, or subtle background textures.

background

#663A0F - A very deep, sophisticated brown, perfect for a luxurious and immersive backdrop.

text

#EDC28C - For legible text on dark backgrounds, or a dark charcoal for general body text on lighter areas.

Accessibility notes

  • Ensure sufficient contrast when pairing #EDC28C (light) with #663A0F or #8C4F1A (dark) for text.
  • Avoid using #D6944A or #B26C2A directly on #EDC28C for small text due to potential contrast issues.
  • For optimal readability, use #663A0F or #8C4F1A for text on the lighter colors like #EDC28C.
  • Always test color combinations against WCAG standards, especially for interactive elements and crucial information.

Recommended combinations

Aromatic Depths

A rich, earthy gradient ideal for backgrounds, textured elements, or sophisticated branding.

#663A0F · #8C4F1A · #D6944A

Spice Glow

Creates a warm, inviting focal point, great for hero sections, buttons, or accentuating details.

#B26C2A · #EDC28C · #D6944A

Market Texture

Provides a balanced, natural feel, excellent for web content areas or editorial layouts.

#8C4F1A · #EDC28C · #B26C2A

CSS variables

:root {
  --desert-spice-market-1: #B26C2A;
  --desert-spice-market-2: #D6944A;
  --desert-spice-market-3: #EDC28C;
  --desert-spice-market-4: #8C4F1A;
  --desert-spice-market-5: #663A0F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-spice-market": {
        1: "#B26C2A",
        2: "#D6944A",
        3: "#EDC28C",
        4: "#8C4F1A",
        5: "#663A0F",
      }
    }
  }
}

Related searches

earthy spice color palettewarm brown orange schemenatural exotic brandingrich desert tonesaromatic design colors

Palette colors

Hex values

Color 1#B26C2A
·
Color 2#D6944A
·
Color 3#EDC28C
·
Color 4#8C4F1A
·
Color 5#663A0F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
1.6:1Fail
2.3:1Fail
2
1.6:1Fail
1.5:1Fail
2.5:1Fail
3.8:1AA18
3
2.5:1Fail
1.5:1Fail
3.9:1AA18
5.8:1AA
4
1.6:1Fail
2.5:1Fail
3.9:1AA18
1.5:1Fail
5
2.3:1Fail
3.8:1AA18
5.8:1AA
1.5:1Fail

Similar palettes

More like Desert Spice Market

View all warm