Palette

Cactus Garden Earth

A harmonious blend reflecting the subtle, resilient beauty of desert plants and arid landscapes, grounded and serene.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cactus Garden Earth 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 Cactus Garden Earth.

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

Data visualization

#8FBC8F#D2B48C#CD853F#9370DB#556B2F

Palette guide

How to use Cactus Garden Earth

Overview

The Cactus Garden Earth palette offers a harmonious blend reflecting the subtle, resilient beauty of desert plants and arid landscapes. This grounded and serene collection features a soothing green, #8FBC8F, reminiscent of robust succulents, and a warm, sandy tan, #D2B48C, echoing dry earth. A rich, inviting terracotta, #CD853F, adds depth and warmth, while a surprising muted violet, #9370DB, provides a unique and sophisticated accent. A deep forest green, #556B2F, anchors the palette. Designers will find this palette excellent for creating organic, balanced, and subtly intriguing visuals. Developers can leverage these colors to build engaging and memorable user interfaces for brands focused on nature, craftsmanship, or any application seeking a natural yet distinctive aesthetic.

Best used for

Eco-friendly product branding
Artisanal craft websites
Desert landscape design
Botanical garden marketing
Sustainable fashion accents
Natural home decor

Suggested color roles

primary

Utilize #D2B48C as a warm, adaptable primary background, providing a neutral and inviting base.

secondary

Apply #8FBC8F for supporting elements, offering a soft, natural green that complements the primary.

accent

Introduce #9370DB as a unique, sophisticated accent for calls to action, icons, or key features, adding an unexpected twist.

background

Employ #D2B48C for light, earthy backgrounds, creating a gentle and harmonious canvas. A lighter neutral can also work well.

text

Use #556B2F for main body text and headings, ensuring strong readability and a sophisticated, grounded feel against lighter backgrounds.

Accessibility notes

Ensure sufficient contrast when pairing #556B2F text with #D2B48C or #8FBC8F backgrounds for optimal readability.
The accent color #9370DB should be used for text only on very light backgrounds or for large headings to maintain contrast.
Avoid using #8FBC8F for small text on #D2B48C due to potential low contrast.
For interactive elements, use #556B2F or #CD853F to ensure clear affordance and meet WCAG contrast guidelines.

Recommended combinations

Desert Accent

Highlights the unique violet against warm tan and soft green, ideal for focal points or branding elements.

#9370DB · #D2B48C · #8FBC8F

Earthy Ground

Offers a rich, warm foundation with terracotta, tan, and deep green, suitable for content blocks or distinct sections.

#CD853F · #D2B48C · #556B2F

Natural Blend

Provides a harmonious blend of green and tan with a violet highlight, perfect for headers, subtle gradients, or background patterns.

#8FBC8F · #D2B48C · #9370DB

CSS variables

:root {
  --cactus-garden-earth-1: #8FBC8F;
  --cactus-garden-earth-2: #D2B48C;
  --cactus-garden-earth-3: #CD853F;
  --cactus-garden-earth-4: #9370DB;
  --cactus-garden-earth-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cactus-garden-earth": {
        1: "#8FBC8F",
        2: "#D2B48C",
        3: "#CD853F",
        4: "#9370DB",
        5: "#556B2F",
      }
    }
  }
}

Hex values

Color 1#8FBC8F

Color 2#D2B48C

Color 3#CD853F

Color 4#9370DB

Color 5#556B2F

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

1.7:1Fail

2.8:1Fail

1.1:1Fail

1.5:1Fail

1.9:1Fail

3:1AA18

1.4:1Fail

1.5:1Fail

1.3:1Fail

2:1Fail

1.7:1Fail

1.9:1Fail

1.3:1Fail

1.6:1Fail

2.8:1Fail

3:1AA18

2:1Fail

1.6:1Fail

Similar palettes

More like Cactus Garden Earth

View all earth

Oasis Garden Oasis

Adobe Sunset

Bohemian Desert Bloom

Canyon Bloom Whisper

Canyon Cliffside View

Desert Bloom Clay