Palette

Zen Sandstone Garden

Peaceful and muted, reflecting the soft, contemplative beauty of a minimalist sandstone garden.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D9C3B0#EAE0D3#F6F3EF#C3B09F#B8A18F

Palette guide

How to use Zen Sandstone Garden

Overview

The Zen Sandstone Garden palette is peaceful and muted, reflecting the soft, contemplative beauty of a minimalist sandstone garden. This serene scheme features a range of warm, neutral tones, including the delicate #D9C3B0, airy #EAE0D3, and luminous #F6F3EF. Grounding these are the richer #C3B09F and #B8A18F. Designers can leverage these hex codes to craft tranquil digital experiences, elegant branding, or sophisticated print materials that embody peace and natural simplicity. Its harmonious blend of warm neutrals ensures a versatile foundation for projects seeking a serene, understated elegance with an organic touch.

Best used for

High-end furniture e-commerce
Spa and wellness retreat websites
Natural skincare product branding
Minimalist architecture firm portfolios
Editorial design for lifestyle magazines
Eco-conscious home goods packaging

Suggested color roles

primary

Use #D9C3B0 (Light Tan/Beige) for main content areas or large UI blocks, establishing a warm, stable base.

secondary

Apply #EAE0D3 (Very Light Beige) for supporting elements, cards, or subtle divisions, maintaining lightness.

accent

#B8A18F (Darker Tan/Beige) serves as a strong, grounding accent for calls-to-action, icons, or important text.

background

#F6F3EF (Near White/Cream) is excellent for clean, expansive backgrounds, promoting an airy and pristine feel.

text

For optimal readability, use #B8A18F or a deep charcoal against the lighter shades like #F6F3EF and #EAE0D3.

Accessibility notes

Ensure sufficient contrast for text; #B8A18F on #F6F3EF or #EAE0D3 provides good readability.
Avoid using #D9C3B0 on #EAE0D3 for small text due to their close proximity in lightness.
#C3B09F provides good contrast against #F6F3EF for headings and larger text.
Always verify contrast ratios with a WCAG checker for all critical text and interactive elements.

Recommended combinations

Sandstone Layers

Ideal for creating subtle depth in backgrounds or card designs, with light transitions.

#F6F3EF · #EAE0D3 · #D9C3B0

Earthy Depth

Perfect for building visual hierarchy in navigation or panels, moving from light to dark.

#D9C3B0 · #C3B09F · #B8A18F

Clean Contrast

Use the lightest for the canvas, the darkest for primary actions/text, and the mid-tone for secondary details.

#F6F3EF · #B8A18F · #C3B09F

CSS variables

:root {
  --zen-sandstone-garden-1: #D9C3B0;
  --zen-sandstone-garden-2: #EAE0D3;
  --zen-sandstone-garden-3: #F6F3EF;
  --zen-sandstone-garden-4: #C3B09F;
  --zen-sandstone-garden-5: #B8A18F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-sandstone-garden": {
        1: "#D9C3B0",
        2: "#EAE0D3",
        3: "#F6F3EF",
        4: "#C3B09F",
        5: "#B8A18F",
      }
    }
  }
}

Hex values

Color 1#D9C3B0

Color 2#EAE0D3

Color 3#F6F3EF

Color 4#C3B09F

Color 5#B8A18F

Accessibility

Contrast checker

1.3:1Fail

1.5:1Fail

1.2:1Fail

1.5:1Fail

1.3:1Fail

1.2:1Fail

1.6:1Fail

1.9:1Fail

1.5:1Fail

1.2:1Fail

1.9:1Fail

2.2:1Fail

1.2:1Fail

1.6:1Fail

1.9:1Fail

1.2:1Fail

1.5:1Fail

1.9:1Fail

2.2:1Fail

1.2:1Fail

Similar palettes

More like Zen Sandstone Garden

Zen Sandstone Garden

See it in context.

Ready when you are.

Built with Zen Sandstone Garden.

How to use Zen Sandstone Garden

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sandstone Layers

Earthy Depth

Clean Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Zen Sandstone Garden