Back to palettes

Palette

Wandering Earth Bloom

Grounded yet vibrant hues, inspired by earthy landscapes and free-spirited wildflowers under the sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wandering Earth Bloom 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 Earth Bloom.

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

Data visualization

#8B4513#CD853F#DAA520#BDB76B#8FBC8F

Palette guide

How to use Wandering Earth Bloom

Overview

The Wandering Earth Bloom palette offers a grounded yet vibrant collection, inspired by earthy landscapes and free-spirited wildflowers. It blends rich browns like #8B4513 and #CD853F with golden #DAA520, muted #BDB76B, and a soft #8FBC8F, creating a harmonious and natural feel. This palette is perfect for designers and developers aiming to evoke a bohemian, organic, or adventurous spirit. It's an excellent choice for projects celebrating nature, travel, and a relaxed, authentic lifestyle, providing a versatile range for both digital and print applications.

Best used for

  • Boho fashion and lifestyle brands
  • Nature-themed blogs and websites
  • Outdoor and travel photography
  • Organic cosmetic packaging
  • Garden design and landscaping
  • Earthy, rustic event branding

Suggested color roles

primary

Use #8B4513 as a grounding, rich brown for main elements, conveying stability and naturalness.

secondary

Apply #CD853F for supporting content areas or as a warm background accent, adding depth.

accent

Reserve #8FBC8F for a refreshing pop of color, ideal for subtle highlights or interactive elements.

background

Employ #BDB76B as a light, earthy background, providing a subtle and organic base.

text

For optimal readability, use #8B4513 or a dark charcoal grey on lighter backgrounds. White text works well on #8B4513.

Accessibility notes

  • Ensure sufficient contrast when using #DAA520 or #BDB76B for text on similarly light backgrounds.
  • The lighter shades like #BDB76B and #DAA520 require dark text (e.g., #8B4513) for good readability.
  • Avoid using #CD853F text on #8B4513 without checking contrast ratios.
  • Test all color pairings, especially for critical information, to meet WCAG guidelines.

Recommended combinations

Earthy Ground

Creates a warm, grounded foundation, ideal for backgrounds and main content areas.

#8B4513 · #CD853F · #BDB76B

Boho Bloom

Offers a vibrant yet natural combination, perfect for accents, illustrations, or calls-to-action.

#CD853F · #DAA520 · #8FBC8F

Natural Contrast

Provides a striking balance between deep earth and fresh green, great for headers or key elements.

#8B4513 · #8FBC8F · #DAA520

CSS variables

:root {
  --wandering-earth-bloom-1: #8B4513;
  --wandering-earth-bloom-2: #CD853F;
  --wandering-earth-bloom-3: #DAA520;
  --wandering-earth-bloom-4: #BDB76B;
  --wandering-earth-bloom-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wandering-earth-bloom": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#DAA520",
        4: "#BDB76B",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

boho earth toneswandering spirit palettenatural bloom colorsearthy green yellowfree-spirited design palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#DAA520
·
Color 4#BDB76B
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.2:1AA18
3.4:1AA18
3.3:1AA18
2
2.4:1Fail
1.3:1Fail
1.4:1Fail
1.4:1Fail
3
3.2:1AA18
1.3:1Fail
1.1:1Fail
1:1Fail
4
3.4:1AA18
1.4:1Fail
1.1:1Fail
1:1Fail
5
3.3:1AA18
1.4:1Fail
1:1Fail
1:1Fail

Similar palettes

More like Wandering Earth Bloom

View all earth
Bohemian Earth Weave
Dusky Woodland Trail
Forest Bark Comfort
Forest Canopy Whispers
Forest Floor Canopy
Mossy Undergrowth