Back to palettes

Palette

Desert Agave Bloom

Subtle, desaturated greens and yellows mimic the hardy beauty of desert agave plants.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EBEBD6#D8D8AE#B0B07F#8F8F5C#6B6B3F

Palette guide

How to use Desert Agave Bloom

Overview

The Desert Agave Bloom palette captures the subtle, desaturated greens and soft yellows reminiscent of resilient desert flora. This natural and understated collection transitions from the bright, airy #EBEBD6 to the deep, grounding #6B6B3F, with harmonious mid-tones such as #D8D8AE, #B0B07F, and #8F8F5C. It's an excellent choice for designers aiming to convey organic authenticity, sustainability, or a calm, earthy aesthetic. Developers will find these hues practical for creating tranquil user interfaces that feel both fresh and established, providing a sense of natural balance and quiet strength.

Best used for

  • Eco-friendly product branding and packaging
  • Gardening or botanical website designs
  • Wellness and spa retreat branding
  • Natural food product marketing
  • Educational content on sustainability
  • Outdoor adventure or nature-focused apps

Suggested color roles

primary

#6B6B3F - A deep, earthy green, perfect for strong brand anchors, main headings, or important calls-to-action, symbolizing growth and stability.

secondary

#8F8F5C - Ideal for subheadings, navigation elements, or graphical accents, providing a gentle contrast.

accent

#EBEBD6 - Use sparingly for subtle highlights, delicate text, or as a background for key information, adding light and freshness.

background

#D8D8AE - A soft, warm background that provides excellent readability for darker text, creating an inviting canvas.

text

A dark brown or charcoal for main body text against lighter greens. White or a very light cream works well against #6B6B3F.

Accessibility notes

  • Ensure sufficient contrast when using #6B6B3F with light text (e.g., #EBEBD6).
  • The mid-tones like #B0B07F and #8F8F5C require careful contrast checks for text readability.
  • Avoid placing light text on #EBEBD6 as contrast will be poor.
  • Use a distinct color from the palette for interactive element focus states to ensure visibility.

Recommended combinations

Agave Core

A strong, natural combination suitable for branding that emphasizes organic quality and resilience.

#6B6B3F · #EBEBD6 · #B0B07F

Desert Bloom

Creates a soft, harmonious feel, ideal for wellness apps or gentle lifestyle content.

#D8D8AE · #8F8F5C · #EBEBD6

Earthy Green

Provides a balanced, grounding look for educational materials or nature-themed websites.

#B0B07F · #6B6B3F · #D8D8AE

CSS variables

:root {
  --desert-agave-bloom-1: #EBEBD6;
  --desert-agave-bloom-2: #D8D8AE;
  --desert-agave-bloom-3: #B0B07F;
  --desert-agave-bloom-4: #8F8F5C;
  --desert-agave-bloom-5: #6B6B3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-agave-bloom": {
        1: "#EBEBD6",
        2: "#D8D8AE",
        3: "#B0B07F",
        4: "#8F8F5C",
        5: "#6B6B3F",
      }
    }
  }
}

Related searches

subtle green color schemenatural desert paletteagave plant colorsearthy green brandingdesaturated nature tones

Palette colors

Hex values

Color 1#EBEBD6
·
Color 2#D8D8AE
·
Color 3#B0B07F
·
Color 4#8F8F5C
·
Color 5#6B6B3F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
2.8:1Fail
4.6:1AA
2
1.2:1Fail
1.5:1Fail
2.3:1Fail
3.8:1AA18
3
1.9:1Fail
1.5:1Fail
1.5:1Fail
2.5:1Fail
4
2.8:1Fail
2.3:1Fail
1.5:1Fail
1.6:1Fail
5
4.6:1AA
3.8:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Desert Agave Bloom

View all earth