Palette

Zen Stone Arrangement

A tranquil array of muted greys and off-whites, inspired by the peaceful simplicity of a raked Zen garden.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Zen Stone Arrangement 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 Stone Arrangement.

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

Data visualization

#ECEAE4#DCDCDC#A0A0A0#606060#B4B4B4

Palette guide

How to use Zen Stone Arrangement

Overview

Zen Stone Arrangement is a tranquil and sophisticated color palette, drawing inspiration from the peaceful simplicity of a raked Zen garden. This collection features a harmonious blend of muted greys and off-whites, offering designers and developers a versatile foundation for creating serene and minimalist digital or physical spaces. Key shades include the almost-white #ECEAE4, a soft light grey #DCDCDC, a balanced mid-tone grey #A0A0A0, a deeper grey #606060, and a supportive mid-light grey #B4B4B4. This palette exudes calm, making it ideal for projects that aim for a refined, contemporary, and understated elegance, fostering a sense of balance and clarity in any design application.

Best used for

Minimalist website and app interfaces
High-end spa or wellness branding
Interior design for serene living spaces
Modern architectural concept art
Luxury product packaging
Editorial design with a clean aesthetic

Suggested color roles

primary

Use #A0A0A0 as a versatile mid-tone for main elements, providing a solid yet understated presence.

secondary

Employ #B4B4B4 for supportive elements, borders, or subtle background variations to add depth without distraction.

accent

Apply #606060 for subtle emphasis, strong typography, or interactive states, providing gentle contrast.

background

Utilize #ECEAE4 as the primary light background, offering an airy, expansive canvas.

text

For body text, use #606060 on lighter backgrounds like #ECEAE4 or #DCDCDC for readability, or a near-black for maximum contrast.

Accessibility notes

Ensure sufficient contrast between #606060 text and #ECEAE4 background for optimal readability (WCAG AA).
Use #A0A0A0 for larger headings or graphic elements on lighter shades like #DCDCDC, checking contrast.
Avoid using #B4B4B4 for small text on #DCDCDC, as contrast may be insufficient for accessibility.
For essential body text, consider using a true black or very dark charcoal on #ECEAE4 to guarantee compliance.

Recommended combinations

Clean Contrast

Ideal for primary content areas where clear text on a light background is crucial, with a balanced secondary.

#ECEAE4 · #606060 · #A0A0A0

Subtle Layers

Creates soft, layered backgrounds or dividers, conveying depth and tranquility in UI elements.

#ECEAE4 · #DCDCDC · #B4B4B4

Balanced Foundation

Excellent for main content blocks, using a mid-grey base with a darker text and a lighter supporting element.

#A0A0A0 · #606060 · #DCDCDC

CSS variables

:root {
  --zen-stone-arrangement-1: #ECEAE4;
  --zen-stone-arrangement-2: #DCDCDC;
  --zen-stone-arrangement-3: #A0A0A0;
  --zen-stone-arrangement-4: #606060;
  --zen-stone-arrangement-5: #B4B4B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-stone-arrangement": {
        1: "#ECEAE4",
        2: "#DCDCDC",
        3: "#A0A0A0",
        4: "#606060",
        5: "#B4B4B4",
      }
    }
  }
}

Hex values

Color 1#ECEAE4

Color 2#DCDCDC

Color 3#A0A0A0

Color 4#606060

Color 5#B4B4B4

Accessibility

Contrast checker

1.1:1Fail

2.2:1Fail

5.2:1AA

1.7:1Fail

1.1:1Fail

1.9:1Fail

4.6:1AA

1.5:1Fail

2.2:1Fail

1.9:1Fail

2.4:1Fail

1.3:1Fail

5.2:1AA

4.6:1AA

2.4:1Fail

3:1AA18

1.7:1Fail

1.5:1Fail

1.3:1Fail

3:1AA18

Similar palettes

More like Zen Stone Arrangement

View all neutral

Calm Lakeside Stone

Calm Stone Pathway

Coastal Pebble Smooth

Minimalist Cairn Stack

Moonlit Canyon Stone

Pebble Path Serenity