Palette

Zen Garden Stillness

Capturing the serene and balanced harmony of a Zen garden with understated, natural tones for profound calmness.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4E5057#757983#A2A5AB#CED0D4#C2D1BC

Palette guide

How to use Zen Garden Stillness

Overview

The Zen Garden Stillness palette (ID: zen-garden-stillness-2) evokes profound calmness with its blend of cool grays and a subtle hint of muted green. This collection moves from the deep, anchoring #4E5057 to the light, airy #CED0D4, introducing the unique, soft green-grey of #C2D1BC. Designers will find this palette excellent for creating serene, minimalist interfaces that encourage focus and introspection. Developers can leverage these precise hex codes to ensure visual consistency across various elements, crafting digital environments that feel both elegant and grounding, perfect for applications where quiet sophistication is key.

Best used for

Mindfulness and meditation apps
High-end tech product interfaces
Architectural design portfolios
Luxury travel booking platforms
Sophisticated personal journaling apps
Calm workspace productivity tools

Suggested color roles

primary

#757983 - A balanced mid-grey, serving as a solid foundation for main content, navigation, or primary action buttons.

secondary

#A2A5AB - A lighter, versatile grey, ideal for secondary information, borders, or subtle background variations, adding softness.

accent

#C2D1BC - A delicate, muted green-grey, used sparingly for gentle highlights, interactive states, or subtle graphic elements.

background

#CED0D4 - A very light, almost off-white, cool grey, providing a clean, expansive, and calming canvas.

text

#4E5057 - The darkest shade, offering excellent contrast for primary body text against lighter backgrounds, ensuring readability.

Accessibility notes

#4E5057 text on #CED0D4 provides strong contrast, suitable for all body text.
Ensure #757983 text on #CED0D4 meets WCAG AA contrast for readability.
Avoid using #A2A5AB or #C2D1BC for body text on light backgrounds due to potential low contrast.
Interactive elements using lighter shades should have clear visual cues for states like hover or focus.

Recommended combinations

Deep Serenity

High-contrast for headers, footers, or prominent structural elements.

#4E5057 · #757983 · #CED0D4

Muted Horizon

Soft, atmospheric layering for content cards, panels, or secondary information.

#A2A5AB · #CED0D4 · #C2D1BC

Subtle Focus

Highlights key information or interactive elements with gentle emphasis.

#757983 · #C2D1BC · #4E5057

CSS variables

:root {
  --zen-garden-stillness-2-1: #4E5057;
  --zen-garden-stillness-2-2: #757983;
  --zen-garden-stillness-2-3: #A2A5AB;
  --zen-garden-stillness-2-4: #CED0D4;
  --zen-garden-stillness-2-5: #C2D1BC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-garden-stillness-2": {
        1: "#4E5057",
        2: "#757983",
        3: "#A2A5AB",
        4: "#CED0D4",
        5: "#C2D1BC",
      }
    }
  }
}

Hex values

Color 1#4E5057

Color 2#757983

Color 3#A2A5AB

Color 4#CED0D4

Color 5#C2D1BC

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

5.2:1AA

5:1AA

1.8:1Fail

2.8:1Fail

2.7:1Fail

3.3:1AA18

1.8:1Fail

1.6:1Fail

1.5:1Fail

5.2:1AA

2.8:1Fail

1.6:1Fail

1:1Fail

5:1AA

2.7:1Fail

1.5:1Fail

1:1Fail

Similar palettes

More like Zen Garden Stillness

Zen Garden Stillness

See it in context.

Ready when you are.

Built with Zen Garden Stillness.

How to use Zen Garden Stillness

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Serenity

Muted Horizon

Subtle Focus

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Zen Garden Stillness