Palette

Spice Route Caravan

A warm journey through ancient markets, with scents of cinnamon, paprika, and sun-dried clay.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spice Route Caravan 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 Spice Route Caravan.

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

Data visualization

#9A3403#C05703#E17A22#F8C380#6F2A03

Palette guide

How to use Spice Route Caravan

Overview

The Spice Route Caravan palette evokes a warm journey through ancient markets, with scents of cinnamon and sun-dried clay. Featuring deep #6F2A03, robust #9A3403, vibrant #C05703, fiery #E17A22, and a soft #F8C380, this collection is perfect for designs seeking a rustic, authentic, and energetic feel. These rich, earthy oranges and browns work together to create a sense of adventure and warmth. Designers can utilize this palette for captivating branding, engaging digital experiences, or evocative print materials. Developers will find these hues effective for creating compelling user interfaces that are both visually striking and inherently welcoming, particularly for travel or artisanal themes.

Best used for

Adventure travel company branding or website
Artisanal food and beverage packaging (e.g., coffee, spices)
Rustic home decor e-commerce or blog
Cultural festival marketing and event branding
Desert-themed or Southwestern design projects
Educational content about ancient civilizations or trade routes

Suggested color roles

primary

Use #C05703 for primary calls to action or key visual elements, providing a strong and inviting focal point.

secondary

Apply #E17A22 for supporting content, subheadings, or background sections that need a vibrant, energetic lift.

accent

Introduce #F8C380 for subtle highlights, decorative elements, or as a light accent to balance the deeper tones.

background

Employ #6F2A03 for deep, immersive backgrounds that convey richness, or pair with a near-white for high contrast content areas.

text

Utilize #9A3403 for body text on lighter backgrounds, ensuring readability. For dark backgrounds, a crisp white or light cream is essential.

Accessibility notes

Ensure sufficient contrast between the lighter #F8C380 and any text placed upon it, aiming for WCAG AA.
Pair #6F2A03 or #9A3403 with white or very light text for optimal readability on darker backgrounds.
Avoid using #C05703 text on #E17A22 backgrounds due to potential low contrast.
Clearly define interactive states with more than just color changes, considering users with color vision deficiencies.

Recommended combinations

Desert Sunset

Excellent for creating a vibrant, warm gradient or a layered effect in headers and banners.

#6F2A03 · #C05703 · #F8C380

Earthy Foundation

Provides a robust, grounded feel for main content blocks, footers, or background sections.

#9A3403 · #6F2A03 · #E17A22

Market Burst

Use for highlighting product features, calls to action, or creating energetic visual cues in e-commerce interfaces.

#F8C380 · #E17A22 · #C05703

CSS variables

:root {
  --spice-route-caravan-2-1: #9A3403;
  --spice-route-caravan-2-2: #C05703;
  --spice-route-caravan-2-3: #E17A22;
  --spice-route-caravan-2-4: #F8C380;
  --spice-route-caravan-2-5: #6F2A03;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-route-caravan-2": {
        1: "#9A3403",
        2: "#C05703",
        3: "#E17A22",
        4: "#F8C380",
        5: "#6F2A03",
      }
    }
  }
}

Hex values

Color 1#9A3403

Color 2#C05703

Color 3#E17A22

Color 4#F8C380

Color 5#6F2A03

Accessibility

Contrast checker

1.6:1Fail

2.4:1Fail

4.6:1AA

1.4:1Fail

1.6:1Fail

1.5:1Fail

2.8:1Fail

2.3:1Fail

2.4:1Fail

1.5:1Fail

1.9:1Fail

3.5:1AA18

4.6:1AA

2.8:1Fail

1.9:1Fail

6.5:1AA

1.4:1Fail

2.3:1Fail

3.5:1AA18

6.5:1AA

Similar palettes

More like Spice Route Caravan