Back to palettes

Palette

Nomadic Earth Sunset

Warm, artistic tones inspired by sun-drenched clay and the vibrant, free-spirited hues of a bohemian sunset.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nomadic Earth Sunset 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 Nomadic Earth Sunset.

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

Data visualization

#8C4A3A#B36C50#D89066#FFB47C#FFD7B0

Palette guide

How to use Nomadic Earth Sunset

Overview

The "Nomadic Earth Sunset" palette is a radiant collection of warm, sun-drenched hues, transitioning beautifully from deep terracotta to soft, glowing peach. Anchored by rich rust (#8C4A3A) and vibrant burnt orange (#B36C50), it evokes the raw beauty of clay and desert landscapes. Lighter, luminous shades like #D89066, #FFB47C, and #FFD7B0 capture the ephemeral glow of a bohemian sunset, adding an inviting, optimistic warmth. This palette is perfect for designers aiming to create vibrant, free-spirited, and natural designs that feel both grounded and ethereal. Developers can use these hex codes to build engaging, warm-toned interfaces that exude comfort and artistic flair.

Best used for

  • Travel and adventure blogs
  • Yoga or wellness brand identity
  • E-commerce for artisanal goods
  • Bohemian fashion or home decor
  • Digital art with a warm, natural feel
  • Event branding for outdoor festivals

Suggested color roles

primary

Deep, grounding rust (#8C4A3A), ideal for dominant sections, strong headers, or foundational elements.

secondary

Warm terracotta (#B36C50), excellent for secondary content blocks, navigation, or subtle dividers.

accent

Bright, warm peach (#FFB47C), reserved for key calls-to-action, interactive elements, or luminous highlights.

background

Very light, creamy peach (#FFD7B0), providing a soft, inviting canvas.

text

For dark text on light backgrounds, use #8C4A3A or #B36C50. For lighter text on darker backgrounds, a creamy white or #FFD7B0 will work.

Accessibility notes

  • Ensure #FFB47C and #FFD7B0 have sufficient contrast when used for text on mid-tones like #D89066.
  • Dark text like #8C4A3A on #FFD7B0 will generally provide excellent readability.
  • Be cautious with text on #D89066; it might require larger font sizes or bolder weights for compliance.
  • Test interactive elements, ensuring clear visual distinction for all users.

Recommended combinations

Sunset Gradient

Smooth transitions for hero sections or background elements, mimicking a vibrant sunset.

#8C4A3A · #D89066 · #FFD7B0

Desert Bloom

Warm, inviting combination for highlighted content, buttons, or vibrant illustrations.

#B36C50 · #FFB47C · #8C4A3A

Clay & Light

A light, airy base with strong, earthy accents, perfect for text and primary elements.

#FFD7B0 · #8C4A3A · #B36C50

CSS variables

:root {
  --nomadic-earth-sunset-1: #8C4A3A;
  --nomadic-earth-sunset-2: #B36C50;
  --nomadic-earth-sunset-3: #D89066;
  --nomadic-earth-sunset-4: #FFB47C;
  --nomadic-earth-sunset-5: #FFD7B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nomadic-earth-sunset": {
        1: "#8C4A3A",
        2: "#B36C50",
        3: "#D89066",
        4: "#FFB47C",
        5: "#FFD7B0",
      }
    }
  }
}

Related searches

warm earthy color palettebohemian sunset colorsclay terracotta huesnatural vibrant designdesert aesthetic palette

Palette colors

Hex values

Color 1#8C4A3A
·
Color 2#B36C50
·
Color 3#D89066
·
Color 4#FFB47C
·
Color 5#FFD7B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
3.8:1AA18
4.9:1AA
2
1.6:1Fail
1.6:1Fail
2.3:1Fail
3:1AA18
3
2.6:1Fail
1.6:1Fail
1.5:1Fail
1.9:1Fail
4
3.8:1AA18
2.3:1Fail
1.5:1Fail
1.3:1Fail
5
4.9:1AA
3:1AA18
1.9:1Fail
1.3:1Fail

Similar palettes

More like Nomadic Earth Sunset

View all Earth