Palette

Canyon Bloom Whisper

Capturing the delicate, resilient beauty of flowers blossoming amidst arid canyon landscapes.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Bloom Whisper 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 Canyon Bloom Whisper.

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

Data visualization

#D6AB9E#F0D9C8#9E8276#C7B2A9#5E6C5F

Palette guide

How to use Canyon Bloom Whisper

Overview

The Canyon Bloom Whisper palette captures the delicate, resilient beauty of flowers blossoming amidst arid canyon landscapes. It features muted, earthy tones like the warm beige of #D6AB9E, a lighter sand tone #F0D9C8, a grounding taupe #9E8276, a soft grey-beige #C7B2A9, and a subtle sage green #5E6C5F. This collection balances arid naturalism with a touch of unexpected, quiet bloom, making it perfect for designs that evoke a sense of understated elegance, resilience, and organic tranquility. It's an excellent choice for designers seeking to create an authentic, serene, and naturally inviting aesthetic.

Best used for

Eco-friendly and sustainable brand identity
Botanical and minimalist stationery design
Artisan craft and handmade product packaging
Nature-inspired wellness and mindfulness apps
Interior design for serene, earthy spaces
Personal blogs or portfolios with a calm, natural tone

Suggested color roles

primary

Use #D6AB9E (Warm Beige) for dominant backgrounds or large content blocks to establish a soft, natural foundation.

secondary

Employ #9E8276 (Taupe) for subheadings, navigation, or as a grounding complementary tone.

accent

Apply #5E6C5F (Sage Green) sparingly for subtle highlights, interactive elements, or key textual accents to add a touch of organic freshness.

background

The very light #F0D9C8 (Sand Tone) or #C7B2A9 (Grey-Beige) provides an airy, gentle canvas for content.

text

For optimal readability, use dark charcoal or black text on #D6AB9E, #F0D9C8, and #C7B2A9, and white or light cream text on #9E8276 and #5E6C5F.

Accessibility notes

Ensure dark text (e.g., #333333) on #D6AB9E, #F0D9C8, and #C7B2A9 has sufficient contrast for readability.
White or light text is generally suitable for #9E8276 and #5E6C5F.
Avoid pairing very similar light tones for critical information without checking contrast ratios.
When designing interactive elements, ensure hover/active states provide clear contrast changes.

Recommended combinations

Arid Bloom

Ideal for establishing a sophisticated, natural theme for branding or large content blocks with subtle contrast.

#D6AB9E · #9E8276 · #5E6C5F

Quiet Sands

Perfect for creating serene web backgrounds, soft illustrations, or an inviting, minimalist UI.

#F0D9C8 · #C7B2A9 · #D6AB9E

Desert Harmony

Great for grounding elements, subtle UI features, or a refined, natural aesthetic with an organic touch.

#9E8276 · #5E6C5F · #C7B2A9

CSS variables

:root {
  --canyon-bloom-whisper-1: #D6AB9E;
  --canyon-bloom-whisper-2: #F0D9C8;
  --canyon-bloom-whisper-3: #9E8276;
  --canyon-bloom-whisper-4: #C7B2A9;
  --canyon-bloom-whisper-5: #5E6C5F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-bloom-whisper": {
        1: "#D6AB9E",
        2: "#F0D9C8",
        3: "#9E8276",
        4: "#C7B2A9",
        5: "#5E6C5F",
      }
    }
  }
}

Hex values

Color 1#D6AB9E

Color 2#F0D9C8

Color 3#9E8276

Color 4#C7B2A9

Color 5#5E6C5F

Accessibility

Contrast checker

1.5:1Fail

1.7:1Fail

1:1Fail

2.7:1Fail

1.5:1Fail

2.6:1Fail

1.5:1Fail

4.1:1AA18

1.7:1Fail

2.6:1Fail

1.8:1Fail

1.6:1Fail

1:1Fail

1.5:1Fail

1.8:1Fail

2.7:1Fail

4.1:1AA18

1.6:1Fail

2.7:1Fail

Similar palettes

More like Canyon Bloom Whisper

Canyon Bloom Whisper

See it in context.

Ready when you are.

Built with Canyon Bloom Whisper.

How to use Canyon Bloom Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Arid Bloom

Quiet Sands

Desert Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Canyon Bloom Whisper