Palette

Sunset Prairie Dust

Captures the golden hour over a vast prairie, with warm earth tones and a dusty haze.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Prairie Dust 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 Sunset Prairie Dust.

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

Data visualization

#B27F47#DBAD6A#EFC58E#A43820#6E271D

Palette guide

How to use Sunset Prairie Dust

Overview

The 'Sunset Prairie Dust' palette captures the serene yet rugged beauty of a golden hour over vast landscapes. It features warm earth tones, from the inviting brown-orange of #B27F47 and the lighter #DBAD6A, to the dusty highlight of #EFC58E. Grounding the palette are the richer, deeper hues of #A43820 and the profound #6E271D, reminiscent of dry soil and distant shadows. This collection is ideal for projects seeking to convey authenticity, natural beauty, and a rustic, wild spirit. It offers a balanced mix of soft warmth and grounded depth.

Best used for

Western-themed branding and marketing
Artisanal coffee shops and craft breweries
Natural skincare and organic product packaging
Outdoor apparel and adventure brands
Farm-to-table restaurants and culinary branding
Historical or heritage preservation websites

Suggested color roles

primary

Use #B27F47 for a welcoming, earthy primary color in branding, headings, or call-to-action buttons.

secondary

Employ #A43820 for strong subheadings, important details, or as a rich background element.

accent

Apply #EFC58E for subtle highlights, decorative lines, or to create a sun-kissed effect in graphics.

background

Utilize #DBAD6A for a warm, muted background that evokes a natural canvas. A very light cream also works effectively.

text

Choose #6E271D for body text on lighter backgrounds like #DBAD6A or #EFC58E to ensure excellent readability. White text works well on #A43820 or #6E271D.

Accessibility notes

#6E271D and #A43820 offer excellent contrast for text when used on lighter palette colors like #DBAD6A or #EFC58E.
Avoid using #B27F47 as text on #DBAD6A due to insufficient contrast for readability.
Lighter colors such as #EFC58E are best reserved for accents, large display text, or backgrounds.
Always prioritize the darkest colors in the palette for body text to ensure accessibility compliance.

Recommended combinations

Dusty Trail

Creates a harmonious, light-to-mid-tone gradient, perfect for backgrounds, headers, or subtle textured elements.

#B27F47 · #DBAD6A · #EFC58E

Prairie Fire

Offers a strong, grounded combination for bold statements, primary text, or accentuating key features.

#A43820 · #6E271D · #B27F47

Golden Hour

Provides a warm, inviting glow with a touch of depth, suitable for UI cards or atmospheric imagery.

#EFC58E · #DBAD6A · #A43820

CSS variables

:root {
  --sunset-prairie-dust-1: #B27F47;
  --sunset-prairie-dust-2: #DBAD6A;
  --sunset-prairie-dust-3: #EFC58E;
  --sunset-prairie-dust-4: #A43820;
  --sunset-prairie-dust-5: #6E271D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-prairie-dust": {
        1: "#B27F47",
        2: "#DBAD6A",
        3: "#EFC58E",
        4: "#A43820",
        5: "#6E271D",
      }
    }
  }
}

Hex values

Color 1#B27F47

Color 2#DBAD6A

Color 3#EFC58E

Color 4#A43820

Color 5#6E271D

Accessibility

Contrast checker

1.7:1Fail

2.2:1Fail

1.9:1Fail

3.1:1AA18

1.7:1Fail

1.3:1Fail

3.2:1AA18

5.2:1AA

2.2:1Fail

1.3:1Fail

4.1:1AA18

6.6:1AA

1.9:1Fail

3.2:1AA18

4.1:1AA18

1.6:1Fail

3.1:1AA18

5.2:1AA

6.6:1AA

1.6:1Fail

Similar palettes

More like Sunset Prairie Dust

Bohemian Sunset Bloom

Canyon Dusk Ember

Canyon Fire Sunset