Back to palettes

Palette

Desert Solstice Bloom

Vibrant and unexpected blooms of purple and yellow against a backdrop of sun-baked desert sand.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Solstice 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 Desert Solstice Bloom.

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

Data visualization

#C2B280#DDA0DD#FFD700#F0E68C#CD853F

Palette guide

How to use Desert Solstice Bloom

Overview

The "Desert Solstice Bloom" palette captures the unexpected vibrancy of desert flora with a natural, warm feel. Featuring a striking amethyst purple, #DDA0DD, paired with brilliant gold #FFD700 and sun-baked sand tones like #C2B280 and #F0E68C, this palette is both lively and grounded. The deep ochre of #CD853F provides an earthy anchor, allowing designers to craft dynamic yet organic compositions. It's excellent for projects seeking to convey natural beauty, warmth, and a touch of vibrant surprise, suitable for branding, web design, or editorial layouts that need a distinct, memorable character.

Best used for

  • Eco-friendly product branding
  • Summer event promotions
  • Botanical garden websites
  • Artisan craft packaging
  • Travel blogs focusing on natural landscapes
  • Bohemian fashion accessories

Suggested color roles

primary

#DDA0DD - A unique, vibrant purple that serves as a memorable and artistic main color.

secondary

#FFD700 - A bright, optimistic gold perfect for supporting elements, calls to action, or key visual details.

accent

#CD853F - A rich, earthy ochre for grounding accents, borders, or strong graphic elements.

background

#C2B280 - A soft, warm sand tone, ideal for a welcoming and natural background.

text

#CD853F - For dark, legible text on light backgrounds, or a deep charcoal for general readability.

Accessibility notes

  • Ensure #DDA0DD and #FFD700 have sufficient contrast when used together for text or interactive elements.
  • Pair #CD853F with #C2B280 or #F0E68C for excellent text readability.
  • Avoid placing light text like #F0E68C directly on #C2B280; the contrast may be too low.
  • Always test color combinations for WCAG compliance, particularly for critical information and interactive components.

Recommended combinations

Desert Bloom

A vibrant, eye-catching trio for hero banners or product highlights, showcasing the bloom's surprise.

#DDA0DD · #FFD700 · #C2B280

Earthy Gold

Creates a grounded, natural feel for backgrounds, textured elements, or subtle branding.

#C2B280 · #CD853F · #F0E68C

Solstice Glow

A bold, energetic combination for calls to action, festive designs, or impactful graphics.

#FFD700 · #DDA0DD · #CD853F

CSS variables

:root {
  --desert-solstice-bloom-1: #C2B280;
  --desert-solstice-bloom-2: #DDA0DD;
  --desert-solstice-bloom-3: #FFD700;
  --desert-solstice-bloom-4: #F0E68C;
  --desert-solstice-bloom-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-solstice-bloom": {
        1: "#C2B280",
        2: "#DDA0DD",
        3: "#FFD700",
        4: "#F0E68C",
        5: "#CD853F",
      }
    }
  }
}

Related searches

desert floral color palettepurple and gold brandingnatural warm color schemesvibrant desert colorsboho design palette

Palette colors

Hex values

Color 1#C2B280
·
Color 2#DDA0DD
·
Color 3#FFD700
·
Color 4#F0E68C
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.5:1Fail
1.6:1Fail
1.4:1Fail
2
1:1Fail
1.5:1Fail
1.6:1Fail
1.4:1Fail
3
1.5:1Fail
1.5:1Fail
1.1:1Fail
2.1:1Fail
4
1.6:1Fail
1.6:1Fail
1.1:1Fail
2.3:1Fail
5
1.4:1Fail
1.4:1Fail
2.1:1Fail
2.3:1Fail

Similar palettes

More like Desert Solstice Bloom

View all Warm
Desert Wildflower Medley
Autumn Leaf Fall
Golden Meadow Bloom
Desert Rose Sands
Golden Sands
Sandstone Mesa Warmth