Back to palettes

Palette

Wandering Spirit Hues

Rich, warm tones reflecting the free-spirited and earthy essence of a wandering soul.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wandering Spirit 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 Wandering Spirit Hues.

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

Data visualization

#8B4513#CD853F#D2B48C#A0522D#6B3A1C

Palette guide

How to use Wandering Spirit Hues

Overview

The Wandering Spirit Hues palette offers a rich and warm collection of earthy browns, evoking the free-spirited essence of a wandering soul. With deep tones like #6B3A1C and #8B4513, complemented by the inviting #A0522D, #CD853F, and softer #D2B48C, this palette is both grounded and adventurous. It's ideal for designers and developers seeking to create a rustic, authentic, and comforting mood. This collection is perfect for projects that celebrate heritage, nature, and a sense of timeless exploration, providing a versatile range for both digital interfaces and traditional branding.

Best used for

  • Rustic home decor brands
  • Vintage-inspired branding
  • Heritage crafts and artisan goods
  • Coffee shop and cafe aesthetics
  • Travel memoir book covers
  • Outdoor adventure gear websites

Suggested color roles

primary

Use #8B4513 as a dominant, rich brown for primary content areas and branding, conveying warmth and stability.

secondary

Apply #CD853F for supporting sections, subheadings, or as a background for secondary modules, adding subtle warmth.

accent

Reserve #A0522D for subtle accents or interactive elements, providing a slightly darker, intriguing contrast.

background

Employ #D2B48C as a light, warm background color, creating an inviting and soft canvas.

text

For optimal readability, use #6B3A1C or a dark charcoal grey for text on lighter backgrounds. White text works well on #6B3A1C.

Accessibility notes

  • Ensure sufficient contrast when using #D2B48C text on #CD853F or #A0522D backgrounds.
  • The lighter browns like #D2B48C and #CD853F require dark text (e.g., #6B3A1C) for good readability.
  • Avoid using similar mid-tone browns for text and background to prevent legibility issues.
  • Test all color pairings, especially for essential text, to meet WCAG contrast guidelines for accessibility.

Recommended combinations

Rustic Core

Creates a deep, rich, and grounded foundation, ideal for primary backgrounds and strong statements.

#6B3A1C · #8B4513 · #CD853F

Warm Journey

Offers a harmonious gradient of warm browns, perfect for layered content or subtle depth.

#CD853F · #D2B48C · #A0522D

Earthy Accent

Provides a balanced contrast, ideal for highlighting key information or interactive elements against a warm base.

#8B4513 · #D2B48C · #A0522D

CSS variables

:root {
  --wandering-spirit-hues-1: #8B4513;
  --wandering-spirit-hues-2: #CD853F;
  --wandering-spirit-hues-3: #D2B48C;
  --wandering-spirit-hues-4: #A0522D;
  --wandering-spirit-hues-5: #6B3A1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wandering-spirit-hues": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#A0522D",
        5: "#6B3A1C",
      }
    }
  }
}

Related searches

earthy brown palettewandering soul colorsrustic desert toneswarm natural huesvintage brown scheme

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.6:1AA18
1.3:1Fail
1.3:1Fail
2
2.4:1Fail
1.5:1Fail
1.9:1Fail
3.1:1AA18
3
3.6:1AA18
1.5:1Fail
2.8:1Fail
4.7:1AA
4
1.3:1Fail
1.9:1Fail
2.8:1Fail
1.7:1Fail
5
1.3:1Fail
3.1:1AA18
4.7:1AA
1.7:1Fail

Similar palettes

More like Wandering Spirit Hues

View all earth
Earthy Clay Pots
Farmhouse Charm
Terracotta Roots
Adobe Sunset
Aged Wood Stain
Ancient Clay Vessel