Back to palettes

Palette

Arid Succulent Bloom

A subtly beautiful collection inspired by resilient desert succulents, blooming with understated charm.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Succulent 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 Arid Succulent Bloom.

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

Data visualization

#9FA8A3#B8C2B3#A78C9E#D2B48C#8C7B8D

Palette guide

How to use Arid Succulent Bloom

Overview

The Arid Succulent Bloom palette is a subtly beautiful collection inspired by resilient desert succulents, offering understated charm with muted purples and greens. Featuring the cool `#9FA8A3`, the softer `#B8C2B3`, and the unique `#A78C9E`, this palette is perfect for designers and developers seeking a sophisticated, natural, and slightly unconventional aesthetic. The grounding `#D2B48C` introduces a warm, sandy element, while `#8C7B8D` provides a deeper, dusky purple for contrast. This collection is ideal for projects that aim to convey organic beauty, quiet strength, or a contemporary natural feel.

Best used for

  • Botanical and garden-themed branding
  • Eco-conscious fashion or lifestyle blogs
  • Art and craft websites with natural materials
  • Spa and wellness app interfaces with a modern twist
  • Interior design concepts for serene, contemporary spaces
  • Subtle product packaging for artisanal goods

Suggested color roles

primary

Use `#9FA8A3` as a primary color for main sections or backgrounds, providing a calm and stable base.

secondary

Employ `#B8C2B3` for supporting elements, sidebars, or lighter text, maintaining a light and airy feel.

accent

Apply `#A78C9E` or `#8C7B8D` for unique accents, calls-to-action, or important headings to add a touch of sophisticated color.

background

Utilize `#B8C2B3` as a clean, soft background, allowing the deeper purples and warmer tones to stand out.

text

For optimal readability, `#8C7B8D` works well for headings. For body text, a deep charcoal or near-black offers the best contrast against lighter tones.

Accessibility notes

  • Ensure sufficient contrast between text in `#8C7B8D` and lighter backgrounds like `#B8C2B3` or `#9FA8A3`.
  • Be cautious when pairing `#A78C9E` or `#9FA8A3` for text on similar mid-tone backgrounds, as contrast might be low.
  • Always use a contrast checker to verify that all text and interactive elements meet WCAG guidelines.
  • Consider providing alternative indicators for interactive states, as some color variations are quite subtle.

Recommended combinations

Succulent Greens

Excellent for creating a fresh, natural base with a hint of warmth, suitable for headers or main content.

#B8C2B3 · #9FA8A3 · #D2B48C

Dusky Bloom

Ideal for adding a sophisticated, muted purple accent to UI elements or brand statements.

#9FA8A3 · #A78C9E · #8C7B8D

Arid Harmony

Effective for a balanced brand identity, combining soft neutrals with unique, muted color accents.

#B8C2B3 · #A78C9E · #8C7B8D

CSS variables

:root {
  --arid-succulent-bloom-1: #9FA8A3;
  --arid-succulent-bloom-2: #B8C2B3;
  --arid-succulent-bloom-3: #A78C9E;
  --arid-succulent-bloom-4: #D2B48C;
  --arid-succulent-bloom-5: #8C7B8D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-succulent-bloom": {
        1: "#9FA8A3",
        2: "#B8C2B3",
        3: "#A78C9E",
        4: "#D2B48C",
        5: "#8C7B8D",
      }
    }
  }
}

Related searches

muted succulent palettedesert purple green colorsnatural sophisticated schemeunderstated earth tonescontemporary botanical colors

Palette colors

Hex values

Color 1#9FA8A3
·
Color 2#B8C2B3
·
Color 3#A78C9E
·
Color 4#D2B48C
·
Color 5#8C7B8D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.2:1Fail
1.6:1Fail
2
1.3:1Fail
1.7:1Fail
1.1:1Fail
2.1:1Fail
3
1.2:1Fail
1.7:1Fail
1.5:1Fail
1.3:1Fail
4
1.2:1Fail
1.1:1Fail
1.5:1Fail
2:1Fail
5
1.6:1Fail
2.1:1Fail
1.3:1Fail
2:1Fail

Similar palettes

More like Arid Succulent Bloom

View all earth
Cactus Flower
Desert Succulent Hues
Arid Bloom Whisper
Cactus Flower Dusk
Desert Succulent Array
Desert Succulent Blush