Back to palettes

Palette

Desert Succulent Blush

Captures the subtle, dusty blushes and muted greens of succulents thriving in an arid desert landscape.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Succulent Blush 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 Succulent Blush.

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

Data visualization

#8C4F42#C97C6F#E9B6AA#F3DCD6#E1F2DF

Palette guide

How to use Desert Succulent Blush

Overview

The Desert Succulent Blush palette captures the subtle, dusty blushes and muted greens of arid landscapes. Featuring a rich #8C4F42, an inviting #C97C6F, and a delicate #E9B6AA, this palette offers a warm, comforting feel. The very light #F3DCD6 provides an airy foundation, beautifully complemented by the soft, almost minty #E1F2DF. This collection of colors is exceptionally useful for designers and developers aiming to convey natural warmth, subtle sophistication, and a gentle, inviting atmosphere. It's perfect for projects that require a touch of organic softness blended with earthy depth, evoking serene desert mornings.

Best used for

  • Wellness and self-care branding
  • Home decor e-commerce sites
  • Photography portfolios
  • Gentle editorial layouts
  • Baby and children's product design
  • Relaxing app interfaces

Suggested color roles

primary

Utilize #8C4F42 as a rich, grounding primary color for headings, navigation, or strong brand elements.

secondary

Employ #C97C6F for secondary accents, call-to-action buttons, or to add warmth to content blocks.

accent

Apply #E1F2DF as a fresh, subtle accent for icons, highlights, or to create visual breathing room.

background

Use #F3DCD6 as a soft, inviting background color that offers excellent contrast for darker text.

text

For body text, choose #8C4F42 or a dark charcoal for optimal readability against lighter backgrounds like #F3DCD6.

Accessibility notes

  • Ensure sufficient contrast between #F3DCD6 and text in #8C4F42 for all content sizes.
  • Be cautious when using #E9B6AA for small text, as its lightness may not meet WCAG AA contrast standards.
  • Test interactive elements for clear visual feedback; ensure #C97C6F buttons are distinct against backgrounds.
  • For critical information, consider pairing the darkest colors for text with the lightest backgrounds.

Recommended combinations

Warm Earth

Create a cozy, inviting feel for hero sections or product displays, blending light warmth with rich depth.

#F3DCD6 · #C97C6F · #8C4F42

Subtle Bloom

Ideal for soft, delicate backgrounds or secondary content areas, featuring a blend of light pink and green with a blush accent.

#E9B6AA · #E1F2DF · #C97C6F

Grounded Freshness

Use for branding or prominent elements, combining the deep brown with a fresh green and a soft blush for contrast.

#8C4F42 · #E1F2DF · #C97C6F

CSS variables

:root {
  --desert-succulent-blush-1: #8C4F42;
  --desert-succulent-blush-2: #C97C6F;
  --desert-succulent-blush-3: #E9B6AA;
  --desert-succulent-blush-4: #F3DCD6;
  --desert-succulent-blush-5: #E1F2DF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-succulent-blush": {
        1: "#8C4F42",
        2: "#C97C6F",
        3: "#E9B6AA",
        4: "#F3DCD6",
        5: "#E1F2DF",
      }
    }
  }
}

Related searches

desert pink green palettesucculent warm colorsmuted blush color schemeearthy subtle palettenatural desert hues

Palette colors

Hex values

Color 1#8C4F42
·
Color 2#C97C6F
·
Color 3#E9B6AA
·
Color 4#F3DCD6
·
Color 5#E1F2DF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.5:1AA18
4.8:1AA
5.4:1AA
2
2:1Fail
1.8:1Fail
2.4:1Fail
2.7:1Fail
3
3.5:1AA18
1.8:1Fail
1.4:1Fail
1.5:1Fail
4
4.8:1AA
2.4:1Fail
1.4:1Fail
1.1:1Fail
5
5.4:1AA
2.7:1Fail
1.5:1Fail
1.1:1Fail

Similar palettes

More like Desert Succulent Blush

View all earth