Back to palettes

Palette

Sandstone Grotto

The soft, earthy tones of sun-warmed sandstone cliffs and sheltered grottoes in a desert landscape.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sandstone Grotto 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 Sandstone Grotto.

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

Data visualization

#A67A5C#BF9B7A#E0C2A0#F2DDC4#FFF4EC

Palette guide

How to use Sandstone Grotto

Overview

The "Sandstone Grotto" palette offers a serene and inviting collection of soft, earthy tones, reminiscent of sun-warmed sandstone cliffs and hidden grottoes. From the incredibly light #FFF4EC to the grounding #A67A5C, this palette creates a calm and sophisticated atmosphere. The subtle progression through hues like #F2DDC4 and #BF9B7A allows for nuanced depth while maintaining a harmonious, understated elegance. This palette is ideal for projects seeking to convey tranquility, natural beauty, and a refined, organic aesthetic, perfect for creating a sense of peace and warmth.

Best used for

  • Spa and wellness retreats branding
  • High-end eco-friendly product packaging
  • Minimalist interior design and furniture
  • Serene lifestyle and meditation apps
  • Organic food and beverage branding
  • Artistic photography portfolios

Suggested color roles

primary

A soft, warm beige (#E0C2A0), excellent for main content areas or backgrounds to establish a calm and inviting tone.

secondary

A slightly deeper, richer beige (#BF9B7A), suitable for secondary elements, card backgrounds, or subtle accents.

accent

The deepest, most grounding brown (#A67A5C), perfect for important calls-to-action, strong headers, or impactful graphic elements.

background

A very light, creamy off-white (#FFF4EC), serving as a pristine and warm canvas, enhancing the softness of the other tones.

text

A deep, earthy brown (#A67A5C), ideal for body text, ensuring excellent readability on lighter backgrounds.

Accessibility notes

  • #A67A5C provides excellent contrast for text on #FFF4EC, #F2DDC4, or #E0C2A0.
  • Ensure sufficient contrast when using #BF9B7A for text on #E0C2A0; check with a contrast checker.
  • Avoid using #FFF4EC or #F2DDC4 for small text on similarly light backgrounds.
  • Always verify WCAG compliance for all text and interactive element color pairings.

Recommended combinations

Grotto Base

Creates a soft, layered background effect, ideal for web pages or digital interfaces seeking tranquility.

#FFF4EC · #F2DDC4 · #E0C2A0

Earthy Contrast

For headers, important information, or to provide subtle visual separation with warm tones.

#A67A5C · #BF9B7A · #E0C2A0

Calm Details

Excellent for subtle borders, decorative patterns, or to highlight elements without being overly bold.

#F2DDC4 · #E0C2A0 · #BF9B7A

CSS variables

:root {
  --sandstone-grotto-1: #A67A5C;
  --sandstone-grotto-2: #BF9B7A;
  --sandstone-grotto-3: #E0C2A0;
  --sandstone-grotto-4: #F2DDC4;
  --sandstone-grotto-5: #FFF4EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sandstone-grotto": {
        1: "#A67A5C",
        2: "#BF9B7A",
        3: "#E0C2A0",
        4: "#F2DDC4",
        5: "#FFF4EC",
      }
    }
  }
}

Related searches

warm neutral color palettesandstone earthy tonescalm organic designserene beige brown schemegrotto inspired aesthetic

Palette colors

Hex values

Color 1#A67A5C
·
Color 2#BF9B7A
·
Color 3#E0C2A0
·
Color 4#F2DDC4
·
Color 5#FFF4EC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
2.9:1Fail
3.5:1AA18
2
1.5:1Fail
1.5:1Fail
1.9:1Fail
2.4:1Fail
3
2.2:1Fail
1.5:1Fail
1.3:1Fail
1.6:1Fail
4
2.9:1Fail
1.9:1Fail
1.3:1Fail
1.2:1Fail
5
3.5:1AA18
2.4:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Sandstone Grotto

View all neutral
Arid Plains Vista
Desert Sand Horizon
Muted Ceramic Glaze
Petrichor Ground Mist
Quiet Library Corner
Seafoam Timberline