Back to palettes

Palette

Bohemian Silk Road

A rich and exotic palette, evoking the vibrant colors and warmth of a historical silk road bazaar.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Silk Road 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 Bohemian Silk Road.

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

Data visualization

#D4AF37#C08D30#A86F24#8F541B#5C3215

Palette guide

How to use Bohemian Silk Road

Overview

The Bohemian Silk Road palette is a rich and exotic collection, evoking the vibrant colors and warmth of a historical bazaar. This energetic scheme features lustrous Goldenrod (#D4AF37), deep Gold (#C08D30), rich Burnt Orange (#A86F24), warm Brown (#8F541B), and intense Coffee Brown (#5C3215). It's perfect for designs that aim for a luxurious, energetic, and culturally rich mood, conveying opulence and adventure. Designers and developers can leverage this palette to create visually captivating and memorable user experiences, especially for luxury or travel-themed projects.

Best used for

  • Luxury travel agency branding
  • Exotic spice or tea packaging
  • High-end bohemian fashion
  • Cultural event promotions
  • Rich historical documentary graphics
  • Opulent e-commerce website design

Suggested color roles

primary

#D4AF37 (Goldenrod) serves as a luminous main color for headers or key interactive elements, exuding luxury.

secondary

#A86F24 (Burnt Orange) provides a warm, inviting contrast, ideal for subheadings or prominent content blocks.

accent

#5C3215 (Coffee Brown) offers a deep, grounding accent for calls to action, important details, or decorative flourishes.

background

#C08D30 (Gold) can be used for rich, textured backgrounds, or a creamy off-white for vibrant foregrounds.

text

Use #5C3215 for main body text on lighter backgrounds like a neutral off-white, ensuring optimal legibility.

Accessibility notes

  • Ensure sufficient contrast when using #D4AF37 or #C08D30 for text on similar light-gold backgrounds.
  • Pair darker colors like #8F541B or #5C3215 with lighter backgrounds (e.g., off-white) for body text to meet WCAG standards.
  • Avoid using gold text on other gold/orange backgrounds (e.g., #D4AF37 on #C08D30) due to low contrast.
  • Consider using these rich colors primarily for larger headlines or graphic elements, reserving strong contrasts for body text.

Recommended combinations

Golden Spice

Creates a rich, exotic feel for banners, highlight sections, or luxurious branding elements.

#D4AF37 · #A86F24 · #5C3215

Bazaar Depth

Ideal for establishing depth and visual interest, combining various shades of gold and brown effectively.

#C08D30 · #8F541B · #D4AF37

Rich Journey

Use for grounding sections with opulence, like footers or feature blocks in travel-themed designs.

#5C3215 · #A86F24 · #C08D30

CSS variables

:root {
  --bohemian-silk-road-1: #D4AF37;
  --bohemian-silk-road-2: #C08D30;
  --bohemian-silk-road-3: #A86F24;
  --bohemian-silk-road-4: #8F541B;
  --bohemian-silk-road-5: #5C3215;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-silk-road": {
        1: "#D4AF37",
        2: "#C08D30",
        3: "#A86F24",
        4: "#8F541B",
        5: "#5C3215",
      }
    }
  }
}

Related searches

bohemian gold spice palettesilk road exotic colorsrich golden brown schemeopulent travel designenergetic bazaar hues

Palette colors

Hex values

Color 1#D4AF37
·
Color 2#C08D30
·
Color 3#A86F24
·
Color 4#8F541B
·
Color 5#5C3215
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.9:1Fail
5.2:1AA
2
1.4:1Fail
1.4:1Fail
2.1:1Fail
3.7:1AA18
3
2:1Fail
1.4:1Fail
1.4:1Fail
2.6:1Fail
4
2.9:1Fail
2.1:1Fail
1.4:1Fail
1.8:1Fail
5
5.2:1AA
3.7:1AA18
2.6:1Fail
1.8:1Fail

Similar palettes

More like Bohemian Silk Road

View all warm