Back to palettes

Palette

Spice Route Canvas

A warm journey through amber and spiced browns, reflecting the rich textures and flavors of ancient trade routes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#CD853F#D2B48C#F5DEB3

Palette guide

How to use Spice Route Canvas

Overview

The Spice Route Canvas palette offers a journey through amber and spiced browns, evoking the rich textures and flavors of ancient trade routes. This earthy collection includes deep #8B4513, rich #A0522D, warm #CD853F, soft #D2B48C, and a delicate #F5DEB3. It's perfectly suited for designs that aim to convey authenticity, heritage, and natural warmth. Designers can use these hues to create inviting digital interfaces, elegant print materials, or sophisticated branding that feels grounded and luxurious. Developers will appreciate the versatility of these tones for crafting accessible and visually cohesive user experiences, particularly for content-heavy or artisanal product showcases.

Best used for

  • Heritage brand identity and packaging
  • E-commerce for natural or organic products
  • Interior design mood boards for rustic or bohemian styles
  • Educational materials on history or geography
  • Websites for artisanal crafts or handcrafted goods
  • Autumnal event invitations or seasonal marketing

Suggested color roles

primary

Designate #A0522D (Sienna) as the primary hue for impactful branding elements, main navigation, or significant calls to action.

secondary

Utilize #CD853F (Peru) for supporting content, subheadings, or as a background for sections requiring a warm, approachable feel.

accent

Introduce #D2B48C (Tan) as a soft accent for subtle highlights, borders, or to add a touch of light warmth without overpowering.

background

Employ #F5DEB3 (Wheat) for clean, airy backgrounds, allowing darker colors to stand out beautifully while maintaining warmth.

text

Use #8B4513 (Saddle Brown) for body text and headings, ensuring excellent readability and a harmonious earthy aesthetic on lighter backgrounds. A deep charcoal can also work.

Accessibility notes

  • Ensure sufficient contrast between lighter colors like #F5DEB3 or #D2B48C and text, aiming for WCAG AA compliance.
  • Reserve #CD853F or #A0522D for larger text or as background to darker text to maintain readability.
  • When using #F5DEB3 as a background, pair with #8B4513 or a very dark brown for clear body text.
  • Provide clear hover/focus states for interactive elements, as some color pairings might have subtle differences.

Recommended combinations

Earthy Foundation

Excellent for creating a deep, grounded base in web layouts, branding, or editorial design.

#8B4513 · #A0522D · #CD853F

Soft Contrast

Ideal for clean, readable content areas where a gentle, warm contrast is preferred, such as body text on a light background.

#F5DEB3 · #8B4513 · #D2B48C

Warm Accents

Use for highlighting important information, calls to action, or decorative elements in a subtle, inviting manner.

#CD853F · #D2B48C · #A0522D

CSS variables

:root {
  --spice-route-canvas-1: #8B4513;
  --spice-route-canvas-2: #A0522D;
  --spice-route-canvas-3: #CD853F;
  --spice-route-canvas-4: #D2B48C;
  --spice-route-canvas-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-route-canvas": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

earthy brown color palettesnatural warm tonesrustic design colorsspice inspired schemesheritage branding colors

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#CD853F
·
Color 4#D2B48C
·
Color 5#F5DEB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.4:1Fail
3.6:1AA18
5.4:1AA
2
1.3:1Fail
1.9:1Fail
2.8:1Fail
4.3:1AA18
3
2.4:1Fail
1.9:1Fail
1.5:1Fail
2.3:1Fail
4
3.6:1AA18
2.8:1Fail
1.5:1Fail
1.5:1Fail
5
5.4:1AA
4.3:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Spice Route Canvas

View all earth
Ancient Spice Market
Cinnamon Bark
Rustic Farmhouse Clay
Saffron Sunset Bazaar
Sahara Dune Bazaar
Spice Route Caravans