Back to palettes

Palette

Spice Route Journey

A rich tapestry of oranges and browns, evoking aromatic markets and ancient trading routes.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C76F2F#A04A1B#8C2F1F#F7D8B5#6B3A1C

Palette guide

How to use Spice Route Journey

Overview

The Spice Route Journey palette offers a rich tapestry of oranges and browns, evoking aromatic markets and ancient trading routes. This compelling collection features vibrant #C76F2F, deep #A04A1B, robust #8C2F1F, soft #F7D8B5, and grounding #6B3A1C. It’s perfect for designs aiming to convey adventure, exoticism, and earthy authenticity. Designers can leverage these hues for captivating branding, engaging digital experiences, or evocative print materials. Developers will find this palette excellent for creating visually cohesive and accessible interfaces, especially for projects related to travel, cultural exploration, or artisanal goods, offering a timeless and inviting aesthetic.

Best used for

  • Travel and adventure brand identity
  • E-commerce for exotic spices or international cuisine
  • Cultural exhibition design or promotional materials
  • Artisanal craft websites or product packaging
  • Autumnal event invitations or seasonal marketing
  • Educational content about history or geography

Suggested color roles

primary

Use #C76F2F for primary calls to action or key headings, providing a vibrant, inviting focal point.

secondary

Apply #A04A1B for supporting content, subheadings, or as a background for sections that need a deeper, rich warmth.

accent

Introduce #F7D8B5 as a soft accent for subtle highlights, interactive elements, or to add a touch of light and balance.

background

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

text

Utilize #8C2F1F for body text and headings on lighter backgrounds, ensuring excellent readability and a harmonious earthy aesthetic. A crisp white is essential on dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast between the lightest color #F7D8B5 and any text placed upon it, targeting WCAG AA.
  • Pair #6B3A1C or #8C2F1F with white or very light text for optimal readability on darker backgrounds.
  • Avoid using #A04A1B text on #C76F2F backgrounds due to potential low contrast for smaller text.
  • Clearly define interactive states with more than just color changes, considering users with color vision deficiencies.

Recommended combinations

Market Glow

Ideal for creating vibrant headers, calls to action, or product highlights that draw immediate attention.

#F7D8B5 · #C76F2F · #A04A1B

Ancient Route

Excellent for establishing a grounded, rich foundation in headers, footers, or main content blocks, conveying history.

#6B3A1C · #8C2F1F · #A04A1B

Spiced Earth

Use for showcasing natural textures, historical context, or creating a balanced, inviting visual experience.

#C76F2F · #6B3A1C · #F7D8B5

CSS variables

:root {
  --spice-route-journey-1: #C76F2F;
  --spice-route-journey-2: #A04A1B;
  --spice-route-journey-3: #8C2F1F;
  --spice-route-journey-4: #F7D8B5;
  --spice-route-journey-5: #6B3A1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-route-journey": {
        1: "#C76F2F",
        2: "#A04A1B",
        3: "#8C2F1F",
        4: "#F7D8B5",
        5: "#6B3A1C",
      }
    }
  }
}

Related searches

exotic orange brown palettewarm earthy spice tonestravel inspired colorsnatural rich design schemeancient market palette

Palette colors

Hex values

Color 1#C76F2F
·
Color 2#A04A1B
·
Color 3#8C2F1F
·
Color 4#F7D8B5
·
Color 5#6B3A1C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
2.7:1Fail
2.6:1Fail
2
1.6:1Fail
1.4:1Fail
4.4:1AA18
1.6:1Fail
3
2.3:1Fail
1.4:1Fail
6.1:1AA
1.1:1Fail
4
2.7:1Fail
4.4:1AA18
6.1:1AA
6.9:1AA
5
2.6:1Fail
1.6:1Fail
1.1:1Fail
6.9:1AA

Similar palettes

More like Spice Route Journey

View all warm
Bazaar Spice Weave
Spice Market Bazaar
Curry Spice Blend
Desert Caravan Spices
Desert Spice Market
Desert Spice Trail