Palette

Zen Sand Garden

A calming spectrum of soft beiges and greys, echoing the serene beauty of a raked sand garden.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0F0E8#DEDCC7#C9C7B4#A8A594#858373

Palette guide

How to use Zen Sand Garden

Overview

The Zen Sand Garden palette offers a calming spectrum of soft beiges and greys, echoing the serene beauty of a raked sand garden. This sophisticated greige scheme includes the airy #F0F0E8, gentle #DEDCC7, balanced #C9C7B4, and deeper tones like #A8A594 and #858373. Designers can effectively use these hex codes to create harmonious digital environments, understated branding, or elegant print materials that exude tranquility and minimalism. Its monochromatic nature provides a cohesive and versatile foundation, perfect for projects seeking a refined, natural, and timeless aesthetic with a subtle warmth.

Best used for

Luxury real estate websites
Minimalist product displays
High-end furniture design portfolios
Wellness and retreat center branding
Editorial design for art publications
Sophisticated corporate interfaces

Suggested color roles

primary

Use #DEDCC7 (Light Greige) for main content areas or large UI components to establish a soft, inviting base.

secondary

Apply #C9C7B4 (Greige) for supporting elements, card backgrounds, or subtle divisions, adding gentle depth.

accent

#858373 (Deep Greige) provides a strong, grounding accent for key interactive elements, icons, or important text.

background

#F0F0E8 (Off-white/Greige) is excellent for clean, expansive backgrounds, promoting an airy feel.

text

For optimal readability, use #858373 or a dark charcoal against the lighter shades like #F0F0E8 and #DEDCC7.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter shades for backgrounds. #858373 offers good contrast.
Avoid using #DEDCC7 on #C9C7B4 for small text due to their close proximity in lightness.
#A8A594 on #F0F0E8 provides better contrast and is suitable for larger headings or secondary text.
Always test color combinations with WCAG contrast checkers to ensure readability for all users.

Recommended combinations

Stone Layers

Ideal for creating layered background effects or card designs with clear textual contrast.

#F0F0E8 · #DEDCC7 · #858373

Greige Depth

Perfect for building visual hierarchy in navigation or complex data displays with subtle shifts.

#DEDCC7 · #C9C7B4 · #A8A594

Anchored Calm

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

#F0F0E8 · #858373 · #C9C7B4

CSS variables

:root {
  --zen-sand-garden-8-1: #F0F0E8;
  --zen-sand-garden-8-2: #DEDCC7;
  --zen-sand-garden-8-3: #C9C7B4;
  --zen-sand-garden-8-4: #A8A594;
  --zen-sand-garden-8-5: #858373;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-sand-garden-8": {
        1: "#F0F0E8",
        2: "#DEDCC7",
        3: "#C9C7B4",
        4: "#A8A594",
        5: "#858373",
      }
    }
  }
}

Hex values

Color 1#F0F0E8

Color 2#DEDCC7

Color 3#C9C7B4

Color 4#A8A594

Color 5#858373

Accessibility

Contrast checker

1.2:1Fail

1.5:1Fail

2.2:1Fail

3.3:1AA18

1.2:1Fail

1.8:1Fail

2.8:1Fail

1.5:1Fail

1.2:1Fail

1.5:1Fail

2.2:1Fail

1.8:1Fail

1.5:1Fail

3.3:1AA18

2.8:1Fail

2.2:1Fail

1.5:1Fail

Similar palettes

More like Zen Sand Garden

Zen Sand Garden

See it in context.

Ready when you are.

Built with Zen Sand Garden.

How to use Zen Sand Garden

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Stone Layers

Greige Depth

Anchored Calm

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Zen Sand Garden