Back to palettes

Palette

Arid Flower Sparkle

Sun-baked earth tones with a striking bloom of vibrant orange and red, reflecting the resilience of desert flora.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Flower Sparkle 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 Arid Flower Sparkle.

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

Data visualization

#D1B79E#A48261#6B8E23#CF6A6A#FF8C00

Palette guide

How to use Arid Flower Sparkle

Overview

The Arid Flower Sparkle palette reflects sun-baked earth tones with a striking bloom of vibrant orange and red, embodying the resilience of desert flora. It combines grounding browns like #D1B79E and #A48261 with energetic pops of #FF8C00 and #CF6A6A, complemented by an unexpected, fresh green #6B8E23. This dynamic range allows designers and developers to create compelling visuals that balance natural solidity with lively energy. The contrast between the muted earth and the vibrant blossoms creates a sense of surprise and vitality. This palette is perfect for projects that aim to be both grounded and exhilarating, celebrating natural strength and bursts of color.

Best used for

  • Outdoor adventure and exploration brands
  • Craft and artisanal product packaging
  • Natural food and organic product branding
  • Vibrant blogs and digital content
  • Cultural events and festivals
  • Children's book illustrations

Suggested color roles

primary

Designate #FF8C00 as the primary color for energetic focal points, headlines, or call-to-action buttons to create immediate impact.

secondary

Employ #A48261 for grounding, natural base elements, supporting text, or background sections that require stability.

accent

Utilize #6B8E23 as a fresh, unexpected pop of color for interactive elements, icons, or to introduce a vibrant contrast.

background

Apply #D1B79E for a light, warm canvas that allows the more vibrant colors to truly sparkle and text to be readable.

text

For body text, #A48261 offers a warm, readable contrast on lighter backgrounds, or use a deep brown for general text.

Accessibility notes

  • Ensure #D1B79E requires dark text; avoid light text for optimal readability.
  • The vibrant #FF8C00 and #CF6A6A should have sufficient contrast when used for text against various backgrounds.
  • Avoid using #D1B79E for small text against similarly light backgrounds to prevent legibility issues.
  • Verify contrast ratios for all critical text and interactive elements to meet WCAG AA standards.

Recommended combinations

Vibrant Bloom

Ideal for striking call-to-actions, headers, and visual elements that convey energy and a burst of color.

#FF8C00 · #CF6A6A · #D1B79E

Earthy Roots

Excellent for natural product displays, background textures, or designs emphasizing organic and grounded aesthetics.

#A48261 · #D1B79E · #6B8E23

Sparkling Accents

Perfect for interactive elements, data points, or to highlight specific information with a fresh and impactful contrast.

#6B8E23 · #FF8C00 · #A48261

CSS variables

:root {
  --arid-flower-sparkle-1: #D1B79E;
  --arid-flower-sparkle-2: #A48261;
  --arid-flower-sparkle-3: #6B8E23;
  --arid-flower-sparkle-4: #CF6A6A;
  --arid-flower-sparkle-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-flower-sparkle": {
        1: "#D1B79E",
        2: "#A48261",
        3: "#6B8E23",
        4: "#CF6A6A",
        5: "#FF8C00",
      }
    }
  }
}

Related searches

desert flora colorswarm earthy vibrantnatural orange redoutdoor adventure paletteresilient plant colors

Palette colors

Hex values

Color 1#D1B79E
·
Color 2#A48261
·
Color 3#6B8E23
·
Color 4#CF6A6A
·
Color 5#FF8C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2:1Fail
1.9:1Fail
1.2:1Fail
2
1.8:1Fail
1.1:1Fail
1:1Fail
1.5:1Fail
3
2:1Fail
1.1:1Fail
1.1:1Fail
1.6:1Fail
4
1.9:1Fail
1:1Fail
1.1:1Fail
1.5:1Fail
5
1.2:1Fail
1.5:1Fail
1.6:1Fail
1.5:1Fail

Similar palettes

More like Arid Flower Sparkle

View all earth
Desert Bloom Oasis
Desert Clay Bloom
Desert Oasis Canvas
Dusty Plains Flora
Warm Desert Stone
Adobe Sunset