Palette

Spice Route

A rich and aromatic blend of warm colors, reminiscent of bustling markets filled with exotic spices.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#A0522D#B8860B#DAA520#F4A460

Palette guide

How to use Spice Route

Overview

The Spice Route palette offers a rich and aromatic blend of warm colors, reminiscent of bustling markets filled with exotic spices. This vibrant collection features deep #8B0000, earthy #A0522D, golden #B8860B, radiant #DAA520, and a soft #F4A460. It’s perfect for designs that aim to convey warmth, exoticism, and a sense of lively authenticity. Designers can leverage these hues for captivating branding, engaging web 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

Exotic food and beverage branding or packaging
Cultural event promotions or museum exhibits
Travel agency websites or brochures for exotic destinations
E-commerce for artisanal crafts or handcrafted goods
Autumnal or harvest festival marketing materials
Restaurant interiors with a global theme

Suggested color roles

primary

Use #A0522D (Sienna) for primary calls to action or key headings, providing a rich, inviting focal point.

secondary

Apply #F4A460 (Sandy Brown) for supporting content, subheadings, or as a background for sections that need a softer, approachable warmth.

accent

Introduce #DAA520 (Goldenrod) as a vibrant accent for subtle highlights, interactive elements, or to add a touch of radiant glow.

background

Employ #B8860B (Dark Goldenrod) for deep, immersive backgrounds that convey richness and depth, or pair with a near-white for high contrast content areas.

text

Utilize #8B0000 (Dark Red) 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 #F4A460 and any text placed upon it, targeting WCAG AA.
Pair #8B0000 or #A0522D with white or very light text for optimal readability on darker backgrounds.
Avoid using #B8860B text on #DAA520 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

Golden Market

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

#F4A460 · #DAA520 · #B8860B

Deep Aroma

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

#8B0000 · #A0522D · #B8860B

Spiced Radiance

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

#DAA520 · #A0522D · #F4A460

CSS variables

:root {
  --spice-route-1: #8B0000;
  --spice-route-2: #A0522D;
  --spice-route-3: #B8860B;
  --spice-route-4: #DAA520;
  --spice-route-5: #F4A460;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-route": {
        1: "#8B0000",
        2: "#A0522D",
        3: "#B8860B",
        4: "#DAA520",
        5: "#F4A460",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A0522D

Color 3#B8860B

Color 4#DAA520

Color 5#F4A460

Accessibility

Contrast checker

1.8:1Fail

3.1:1AA18

4.5:1AA18

4.9:1AA

1.8:1Fail

1.7:1Fail

2.5:1Fail

2.8:1Fail

3.1:1AA18

1.7:1Fail

1.5:1Fail

1.6:1Fail

4.5:1AA18

2.5:1Fail

1.5:1Fail

1.1:1Fail

4.9:1AA

2.8:1Fail

1.6:1Fail

1.1:1Fail

Similar palettes

More like Spice Route