Back to palettes

Palette

Dusty Plains Flora

The subtle, warm tones of resilient flora growing across dusty, sun-drenched plains.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Plains Flora 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 Dusty Plains Flora.

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

Data visualization

#D2B48C#B08B5C#DAA520#FFD700#CD5C5C

Palette guide

How to use Dusty Plains Flora

Overview

The Dusty Plains Flora palette showcases the subtle, warm tones of resilient flora growing across dusty, sun-drenched plains. With shades like #D2B48C, #B08B5C, and the vibrant #FFD700, this collection is perfect for designs that require a natural, earthy, and warm feel. Designers and developers can leverage these harmonious tones to create captivating nature-inspired branding, eco-friendly product packaging, or digital interfaces that resonate with vitality and organic beauty. The palette offers a versatile foundation for conveying the enduring spirit of natural landscapes.

Best used for

  • Nature-inspired branding
  • Eco-friendly product packaging
  • Rustic wedding themes
  • Agricultural marketing
  • Children's books and illustrations
  • Outdoor adventure gear

Suggested color roles

primary

#B08B5C serves as a warm, earthy brown, ideal for main content areas or headers.

secondary

#DAA520 offers a vibrant, golden yellow for energy, subheadings, or key interactive elements.

accent

#FFD700, the brightest shade, is perfect for striking accents, calls-to-action, or decorative details.

background

#D2B48C is the lightest shade, creating a warm sandy beige base that enhances the natural feel.

text

For readability on light backgrounds, use #B08B5C or a dark brown/charcoal. For critical text, black is recommended.

Accessibility notes

  • For text on #D2B48C, use #B08B5C for sufficient contrast and optimal readability.
  • The vibrant yellow #FFD700 should be used sparingly as an accent to avoid visual fatigue, especially in large areas.
  • Ensure all interactive elements are clearly distinguishable from their backgrounds with clear focus states.
  • For body text, a dark brown or black provides optimal legibility on the lightest colors, especially for users with visual impairments.

Recommended combinations

Golden Plains

Combines warm beige and brown with a golden touch, ideal for creating rich, earthy backgrounds.

#D2B48C · #B08B5C · #DAA520

Resilient Bloom

Pairs bright yellow and muted red with an earthy brown for a vibrant and grounded composition.

#FFD700 · #CD5C5C · #B08B5C

Dusty Petals

Offers golden yellow and muted red with a soft beige background, suitable for content blocks or visual hierarchy.

#DAA520 · #CD5C5C · #D2B48C

CSS variables

:root {
  --dusty-plains-flora-1: #D2B48C;
  --dusty-plains-flora-2: #B08B5C;
  --dusty-plains-flora-3: #DAA520;
  --dusty-plains-flora-4: #FFD700;
  --dusty-plains-flora-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-plains-flora": {
        1: "#D2B48C",
        2: "#B08B5C",
        3: "#DAA520",
        4: "#FFD700",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

dusty yellow paletteearthy floral colorsplains nature schemewarm rustic designresilient flora tones

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#B08B5C
·
Color 3#DAA520
·
Color 4#FFD700
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.1:1Fail
1.4:1Fail
2:1Fail
2
1.6:1Fail
1.4:1Fail
2.2:1Fail
1.3:1Fail
3
1.1:1Fail
1.4:1Fail
1.6:1Fail
1.8:1Fail
4
1.4:1Fail
2.2:1Fail
1.6:1Fail
2.8:1Fail
5
2:1Fail
1.3:1Fail
1.8:1Fail
2.8:1Fail

Similar palettes

More like Dusty Plains Flora

View all earth
Arid Flower Sparkle
Ancient Desert Tapestry
Arid Blossom
Canyon Whisper Sand
Desert Bloom Oasis
Desert Canyon Sun