Palette

Zen Stone Garden

Embodies the serene tranquility of a meticulously arranged Japanese Zen garden, with subtle and calming earthy tones.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#f5f5dc#fafad2#fdf5e6#fffaf0#fffdd0

Palette guide

How to use Zen Stone Garden

Overview

The Zen Stone Garden palette embodies the serene tranquility of a meticulously arranged Japanese Zen garden, featuring subtle and calming earthy tones. This collection of near-white shades, including #f5f5dc (beige), #fafad2 (light yellow), #fdf5e6 (cream), #fffaf0 (ivory), and #fffdd0 (pale yellow), offers designers and developers an extremely soft and ethereal foundation. It's ideal for creating designs that prioritize lightness, purity, and a delicate, understated elegance. The palette is perfect for conveying a sense of luxury, calm, and spaciousness, where visual noise is minimized and a gentle atmosphere is paramount.

Best used for

Luxury spa or high-end wellness branding
Wedding stationery and elegant invitations
High-fashion lookbooks and editorial design
Photography portfolios with a soft aesthetic
Minimalist interior design mood boards
Elegant, soft-toned web and app interfaces

Suggested color roles

primary

Use #fdf5e6 as a warm, soft primary background, establishing an inviting and gentle base.

secondary

Employ #f5f5dc for subtle variations in backgrounds or large graphic elements, offering a slightly different nuance.

accent

Apply #fffdd0 for a delicate, creamy highlight or a very subtle decorative element.

background

Utilize #fffaf0 as the lightest and most expansive background, creating an airy and ethereal canvas.

text

For any critical text, use a very dark charcoal or deep brown (e.g., #4A4A4A) to ensure readability on these extremely light shades.

Accessibility notes

This palette is extremely light; direct contrast between its colors for text is highly unlikely to meet WCAG AA standards.
Always use a very dark text color (e.g., black or dark charcoal) on any of these backgrounds for critical content.
Reserve these shades primarily for backgrounds, large graphic elements, or subtle decorative layering, not small text.
Prioritize larger font sizes and bolding when using the darkest recommended text color to enhance legibility.

Recommended combinations

Soft Layering

Creates delicate, layered backgrounds or subtle design elements, ideal for a refined, almost invisible aesthetic.

#FFFAF0 · #FDF5E6 · #F5F5DC

Creamy Blend

A warm, inviting blend for large content blocks or sections, exuding comfort and understated luxury.

#FAFAD2 · #FFFDD0 · #FDF5E6

Ethereal Base

Provides a serene, almost invisible foundation that maximizes white space and a sense of calm openness.

#FFFAF0 · #F5F5DC · #FAFAD2

CSS variables

:root {
  --zen-stone-garden-2-1: #f5f5dc;
  --zen-stone-garden-2-2: #fafad2;
  --zen-stone-garden-2-3: #fdf5e6;
  --zen-stone-garden-2-4: #fffaf0;
  --zen-stone-garden-2-5: #fffdd0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-stone-garden-2": {
        1: "#f5f5dc",
        2: "#fafad2",
        3: "#fdf5e6",
        4: "#fffaf0",
        5: "#fffdd0",
      }
    }
  }
}

Hex values

Color 1#f5f5dc

Color 2#fafad2

Color 3#fdf5e6

Color 4#fffaf0

Color 5#fffdd0

Accessibility

Contrast checker

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

Similar palettes

More like Zen Stone Garden

Zen Stone Garden

See it in context.

Ready when you are.

Built with Zen Stone Garden.

How to use Zen Stone Garden

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Layering

Creamy Blend

Ethereal Base

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Zen Stone Garden