Back to palettes

Palette

Nomad Weaver Hues

Natural and earthy tones that evoke the handcrafted textiles and wanderlust spirit of nomadic cultures.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nomad Weaver Hues 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 Nomad Weaver Hues.

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

Data visualization

#B8860B#D2B48C#CD853F#8B4513#A0522D

Palette guide

How to use Nomad Weaver Hues

Overview

The "Nomad Weaver Hues" palette is a rich tapestry of earthy and warm tones, reminiscent of hand-dyed textiles and sun-baked landscapes. Dominated by goldenrod (#B8860B), vibrant peru (#CD853F), and deep saddle brown (#8B4513), it exudes a rustic, bohemian charm. Lighter tones like tan (#D2B48C) and sienna (#A0522D) add softness and versatility, allowing for layered designs that feel organic and authentic. This palette is perfect for designers looking to infuse projects with a sense of natural warmth, artisanal craftsmanship, or a free-spirited, adventurous mood. Developers will appreciate the cohesive, natural feel these hex codes provide for earthy themes and engaging visual storytelling.

Best used for

  • Bohemian lifestyle blogs or e-commerce
  • Handcrafts and artisanal product branding
  • Travel or adventure-themed websites
  • Rustic interior design concepts
  • Eco-friendly brand identities
  • Cultural heritage presentations

Suggested color roles

primary

Deep Saddle Brown (#8B4513), providing a strong, grounding, and earthy foundation.

secondary

Peru (#CD853F), a rich mid-tone orange-brown, excellent for prominent content sections or headers.

accent

Goldenrod (#B8860B), a vibrant golden-yellow, used for key calls-to-action, highlights, or decorative flourishes.

background

Tan (#D2B48C), a light, warm neutral, serving as a soft, inviting canvas.

text

For dark text on light backgrounds, use #8B4513 or #A0522D. For lighter text on dark backgrounds, a creamy white or #D2B48C can work.

Accessibility notes

  • Ensure sufficient contrast when pairing text colors, especially on mid-tones like #D2B48C.
  • #B8860B might not have enough contrast with #D2B48C for small text; use for larger headings.
  • Dark text like #8B4513 on #D2B48C will generally provide good readability.
  • Be mindful of colorblind users when using similar brown/orange tones for status indicators.

Recommended combinations

Desert Sunset

Creates a warm, inviting feel, perfect for hero sections or prominent calls-to-action.

#8B4513 · #B8860B · #D2B48C

Earthy Craft

Blends rich browns and oranges for layered content and artisanal design elements.

#CD853F · #A0522D · #D2B48C

Woven Texture

A light base with strong, natural accents, ideal for backgrounds and highlighted text.

#D2B48C · #8B4513 · #B8860B

CSS variables

:root {
  --nomad-weaver-hues-1: #B8860B;
  --nomad-weaver-hues-2: #D2B48C;
  --nomad-weaver-hues-3: #CD853F;
  --nomad-weaver-hues-4: #8B4513;
  --nomad-weaver-hues-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nomad-weaver-hues": {
        1: "#B8860B",
        2: "#D2B48C",
        3: "#CD853F",
        4: "#8B4513",
        5: "#A0522D",
      }
    }
  }
}

Related searches

earthy bohemian paletterustic warm colorsnatural textile huesdesert inspired color schemeorganic craft palette

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.1:1Fail
2.2:1Fail
1.7:1Fail
2
1.7:1Fail
1.5:1Fail
3.6:1AA18
2.8:1Fail
3
1.1:1Fail
1.5:1Fail
2.4:1Fail
1.9:1Fail
4
2.2:1Fail
3.6:1AA18
2.4:1Fail
1.3:1Fail
5
1.7:1Fail
2.8:1Fail
1.9:1Fail
1.3:1Fail

Similar palettes

More like Nomad Weaver Hues

View all earth