Back to palettes

Palette

Arid Bloom Whispers

Soft, surprising greens and warmed ochres reflecting the delicate flowers found in harsh desert landscapes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0C4DE#F4A460#9ACD32#8B4513#CD853F

Palette guide

How to use Arid Bloom Whispers

Overview

The Arid Bloom Whispers palette presents a fascinating blend of unexpected desert hues, combining resilient greens, warm ochres, and earthy browns. With colors like the soft blue-grey #B0C4DE, the vibrant #F4A460, the fresh #9ACD32, and the deep #8B4513 and #CD853F, this palette captures the surprising beauty of desert blooms. It’s perfect for designers who want to convey natural resilience and a unique, grounded aesthetic. These colors work well for projects needing a touch of rustic charm, natural vibrancy, or an authentic, handcrafted feel. This scheme is both inviting and robust, offering a versatile range for diverse applications.

Best used for

  • Outdoor adventure and gear brands
  • Artisan craft and handmade goods
  • Farm-to-table restaurant branding
  • Nature-inspired educational content
  • Rustic home decor websites
  • Sustainable living blogs

Suggested color roles

primary

Use #CD853F as a warm, inviting primary color for headlines or key sections, providing a friendly anchor.

secondary

Employ #F4A460 or #9ACD32 for supporting elements, sub-sections, or background accents, adding a lively touch.

accent

Apply #8B4513 for strong accents, important calls to action, or deep contrasts, adding grounding depth.

background

Utilize #B0C4DE for a soft, cool background that allows the warmer tones to truly pop and shine.

text

For body text, a dark brown or charcoal (e.g., #4A2B1A) offers excellent readability. #8B4513 works well for headings on lighter backgrounds.

Accessibility notes

  • Ensure good contrast for text on #B0C4DE backgrounds; #8B4513 or #CD853F are good text choices.
  • Avoid using #9ACD32 or #F4A460 for small text on #B0C4DE due to potential contrast issues.
  • Text in #8B4513 on #B0C4DE provides strong readability, meeting WCAG AA standards.
  • For general body text, a deep, dark brown will offer the best contrast across the palette's lighter shades.

Recommended combinations

Desert Oasis

Creates a refreshing contrast, ideal for designs that need to feel both natural and vibrant.

#B0C4DE · #9ACD32 · #CD853F

Warm Earth

Perfect for conveying warmth, authenticity, and a grounded, rustic aesthetic in branding or decor.

#F4A460 · #8B4513 · #CD853F

Bloom Contrast

Offers a striking balance between cool and warm, great for dynamic visual elements or expressive branding.

#B0C4DE · #F4A460 · #8B4513

CSS variables

:root {
  --arid-bloom-whispers-1: #B0C4DE;
  --arid-bloom-whispers-2: #F4A460;
  --arid-bloom-whispers-3: #9ACD32;
  --arid-bloom-whispers-4: #8B4513;
  --arid-bloom-whispers-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-bloom-whispers": {
        1: "#B0C4DE",
        2: "#F4A460",
        3: "#9ACD32",
        4: "#8B4513",
        5: "#CD853F",
      }
    }
  }
}

Related searches

desert green orange palettenatural rustic color schemeearthy vibrant colorsarid landscape palettebrown and green design

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#F4A460
·
Color 3#9ACD32
·
Color 4#8B4513
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
4:1AA18
1.7:1Fail
2
1.1:1Fail
1.1:1Fail
3.5:1AA18
1.5:1Fail
3
1.1:1Fail
1.1:1Fail
3.8:1AA18
1.6:1Fail
4
4:1AA18
3.5:1AA18
3.8:1AA18
2.4:1Fail
5
1.7:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail

Similar palettes

More like Arid Bloom Whispers

View all earth