Back to palettes

Palette

Cactus Flower

Soft greens and hints of dusty earth, inspired by resilient desert flora and subtle blooms.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C8C8A6#B6D8B5#8FD7AD#62B895#359A7C

Palette guide

How to use Cactus Flower

Overview

The Cactus Flower palette presents soft greens and hints of dusty earth, inspired by resilient desert flora and subtle blooms. This refreshing collection features a range of harmonious greens, from a light, muted chartreuse, #C8C8A6, to a calming mint, #B6D8B5, a vibrant jade, #8FD7AD, a deep emerald, #62B895, and a rich forest green, #359A7C. Designers will find this palette excellent for creating organic, fresh, and naturally appealing visuals. Developers can leverage these colors to build clean and inviting user interfaces for brands focused on sustainability, botanical themes, or any application seeking a refreshing and harmonious aesthetic with a strong connection to nature.

Best used for

  • Eco-friendly product branding
  • Botanical garden websites
  • Sustainable fashion design
  • Health and wellness apps
  • Nature photography portfolios
  • Minimalist interior decor

Suggested color roles

primary

Utilize #B6D8B5 as a fresh, calming primary background or large area color, evoking healthy foliage.

secondary

Apply #8FD7AD for supporting elements, offering a vibrant jade green that complements the primary.

accent

Introduce #62B895 as a distinct, deeper green accent for calls to action or key features, adding depth and focus.

background

Employ #C8C8A6 for light, earthy backgrounds, providing a subtle and natural canvas.

text

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

Accessibility notes

  • Ensure sufficient contrast when pairing #359A7C text with #C8C8A6 or #B6D8B5 backgrounds for optimal readability.
  • Avoid using lighter greens like #C8C8A6 or #B6D8B5 for small text against similar light backgrounds due to low contrast.
  • For interactive elements, use #359A7C or #62B895 to ensure clear affordance and meet WCAG contrast guidelines.
  • Test color combinations across different screen types to verify visual clarity for all users.

Recommended combinations

Desert Greens

Creates a harmonious blend of lighter greens, ideal for subtle gradients, backgrounds, or layered effects.

#8FD7AD · #B6D8B5 · #C8C8A6

Deep Foliage

Offers a grounded and lush feel, combining deeper greens for text and elements on a lighter green base.

#359A7C · #62B895 · #B6D8B5

Fresh Accent

Provides a fresh and vibrant feel with a lighter earthy tone and a jade green accent, suitable for headers or distinct sections.

#C8C8A6 · #8FD7AD · #62B895

CSS variables

:root {
  --cactus-flower-1: #C8C8A6;
  --cactus-flower-2: #B6D8B5;
  --cactus-flower-3: #8FD7AD;
  --cactus-flower-4: #62B895;
  --cactus-flower-5: #359A7C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cactus-flower": {
        1: "#C8C8A6",
        2: "#B6D8B5",
        3: "#8FD7AD",
        4: "#62B895",
        5: "#359A7C",
      }
    }
  }
}

Related searches

green desert palettebotanical succulent colorsnatural muted green schemeearthy fresh color palettecactus plant colors

Palette colors

Hex values

Color 1#C8C8A6
·
Color 2#B6D8B5
·
Color 3#8FD7AD
·
Color 4#62B895
·
Color 5#359A7C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1.4:1Fail
2:1Fail
2
1.1:1Fail
1.1:1Fail
1.5:1Fail
2.2:1Fail
3
1:1Fail
1.1:1Fail
1.4:1Fail
2.1:1Fail
4
1.4:1Fail
1.5:1Fail
1.4:1Fail
1.5:1Fail
5
2:1Fail
2.2:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Cactus Flower

View all earth
Arid Succulent Bloom
Desert Succulent Dew
Desert Succulent Green
Desert Succulent Hues
Arid Bloom Whisper
Botanical Sketchbook