Palette

Desert Monsoon Bloom

Vibrant colors burst forth, inspired by the unexpected flourishing of life after a desert monsoon rain.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B2737#A53A5A#E07A5F#F4F1DE#8EBC6E

Palette guide

How to use Desert Monsoon Bloom

Overview

The "Desert Monsoon Bloom" palette is a vibrant explosion of color, mirroring the unexpected flourishing of life after a desert rain. This energetic collection features a rich, deep maroon #6B2737, a striking rose #A53A5A, and a warm, inviting coral #E07A5F. A soft, almost creamy off-white #F4F1DE provides a calming contrast, while a refreshing muted green #8EBC6E adds a touch of natural balance. This palette is designed for projects that demand attention, exuding warmth, vitality, and a unique blend of earthy sophistication and playful energy.

Best used for

Bold and artistic branding projects
Event invitations and promotional materials
Vibrant packaging design for artisanal products
Cultural or travel-themed websites
Fashion lines with an energetic, earthy appeal
Creative photography portfolios

Suggested color roles

primary

Utilize #E07A5F as the main focal point, ideal for hero sections or key visual elements that need to feel inviting and warm.

secondary

Apply #A53A5A for supporting graphics, subheadings, or as a background for sections requiring a deeper, sophisticated warmth.

accent

Use #8EBC6E sparingly for a refreshing pop of contrast, perfect for icons, call-to-action buttons, or subtle highlights.

background

Employ #F4F1DE as a clean, soft background, allowing the more vibrant colors to truly stand out and maintain balance.

text

For excellent readability, use #6B2737 for body text on light backgrounds. For darker elements, a crisp white is recommended.

Accessibility notes

Ensure #6B2737 and #A53A5A have sufficient contrast against #F4F1DE for all text to ensure readability.
While #E07A5F is vibrant, use it for larger text or headings on light backgrounds, verifying contrast ratios.
Avoid using #8EBC6E directly on #F4F1DE for small text due to potential low contrast; reserve it for larger elements.
For critical information, use #6B2737 on #F4F1DE to maximize legibility and accessibility.

Recommended combinations

Desert Sunset

Captures a warm, inviting glow, perfect for headers or sections that need to feel welcoming and engaging.

#E07A5F · #A53A5A · #F4F1DE

Blooming Contrast

A striking yet natural combination, excellent for call-to-action blocks or feature highlights that need to pop.

#8EBC6E · #6B2737 · #F4F1DE

Earthy Bloom

Offers a lively and balanced feel, suitable for showcasing product ranges or service categories with personality.

#A53A5A · #E07A5F · #8EBC6E

CSS variables

:root {
  --desert-monsoon-bloom-1: #6B2737;
  --desert-monsoon-bloom-2: #A53A5A;
  --desert-monsoon-bloom-3: #E07A5F;
  --desert-monsoon-bloom-4: #F4F1DE;
  --desert-monsoon-bloom-5: #8EBC6E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-monsoon-bloom": {
        1: "#6B2737",
        2: "#A53A5A",
        3: "#E07A5F",
        4: "#F4F1DE",
        5: "#8EBC6E",
      }
    }
  }
}

Hex values

Color 1#6B2737

Color 2#A53A5A

Color 3#E07A5F

Color 4#F4F1DE

Color 5#8EBC6E

Accessibility

Contrast checker

1.7:1Fail

3.6:1AA18

9.4:1AAA

4.9:1AA

1.7:1Fail

2.1:1Fail

5.5:1AA

2.9:1Fail

3.6:1AA18

2.1:1Fail

2.6:1Fail

1.3:1Fail

9.4:1AAA

5.5:1AA

2.6:1Fail

1.9:1Fail

4.9:1AA

2.9:1Fail

1.3:1Fail

1.9:1Fail

Similar palettes

More like Desert Monsoon Bloom

View all vibrant

Blooming Cactus

Cactus Flower Bloom

Carnival Kaleidoscope

Meadow Bloom Burst

Monsoon Bloom Burst

Pixel Game Neon