Back to palettes

Palette

Zen Sand Garden

A tranquil collection of sandy beiges and gentle creams, reflecting serenity and minimalist design.

neutralminimal5 colors
More neutral 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

#F0F8FF#F5F5DC#FAFAD2#DEB887#D2B48C

Palette guide

How to use Zen Sand Garden

Overview

The Zen Sand Garden palette presents a tranquil collection of sandy beiges and gentle creams, reflecting serenity and minimalist design. This peaceful scheme includes the airy #F0F8FF, soft #F5F5DC (Ivory), and warm #FAFAD2 (Light Goldenrod Yellow). Grounding these are the rich #DEB887 (BurlyWood) and classic #D2B48C (Tan). Designers can effectively use these hex codes to craft calming digital experiences, elegant branding, or sophisticated print materials. Its harmonious blend of warm neutrals evokes a sense of quiet sophistication and natural beauty, ideal for applications seeking a serene, understated elegance.

Best used for

  • Spa and wellness brand identity
  • E-commerce for natural products
  • Home decor website themes
  • Minimalist wedding invitations
  • Travel blog with a focus on relaxation
  • Architectural interior design concepts

Suggested color roles

primary

Use #D2B48C (Tan) for main content areas or substantial UI blocks to create a warm, stable base.

secondary

Apply #DEB887 (BurlyWood) for supporting elements, headers, or distinct sections, adding depth.

accent

#FAFAD2 (Light Goldenrod Yellow) can provide a soft, luminous accent for highlights or subtle calls to action.

background

#F0F8FF (AliceBlue) or #F5F5DC (Ivory) are excellent for clean, expansive backgrounds, promoting lightness.

text

For optimal readability, use a dark brown or charcoal text against the lighter shades like #F0F8FF, #F5F5DC, or #FAFAD2.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #FAFAD2 as a background, which is quite light.
  • Darker text (e.g., charcoal) on #F0F8FF or #F5F5DC will generally meet WCAG AA standards.
  • Avoid using #FAFAD2 on #F5F5DC for small text due to their similar lightness and low contrast.
  • #D2B48C and #DEB887 offer good contrast against the lightest colors for text or icons.

Recommended combinations

Desert Calm

Ideal for creating a warm, inviting feel in headers or primary content blocks with a light background.

#D2B48C · #DEB887 · #F5F5DC

Airy Neutral

Perfect for background layers, subtle gradients, or clean card designs with a touch of warmth.

#F0F8FF · #FAFAD2 · #D2B48C

Grounded Elegance

Use the darker tones for emphasis and the lightest for a clean, contrasting backdrop.

#DEB887 · #D2B48C · #F0F8FF

CSS variables

:root {
  --zen-sand-garden-6-1: #F0F8FF;
  --zen-sand-garden-6-2: #F5F5DC;
  --zen-sand-garden-6-3: #FAFAD2;
  --zen-sand-garden-6-4: #DEB887;
  --zen-sand-garden-6-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-sand-garden-6": {
        1: "#F0F8FF",
        2: "#F5F5DC",
        3: "#FAFAD2",
        4: "#DEB887",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

serene beige color palettecalm neutral web designminimalist sandy tonespeaceful cream colorsnatural earth tone scheme

Palette colors

Hex values

Color 1#F0F8FF
·
Color 2#F5F5DC
·
Color 3#FAFAD2
·
Color 4#DEB887
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1:1Fail
1.7:1Fail
1.8:1Fail
2
1:1Fail
1:1Fail
1.7:1Fail
1.8:1Fail
3
1:1Fail
1:1Fail
1.7:1Fail
1.8:1Fail
4
1.7:1Fail
1.7:1Fail
1.7:1Fail
1.1:1Fail
5
1.8:1Fail
1.8:1Fail
1.8:1Fail
1.1:1Fail

Similar palettes

More like Zen Sand Garden

View all neutral
Desert Sands Dune
Riverstone Meditation
Whispering Sand Dunes
Zen Sand Garden
Zen Sand Garden
Adobe Sunstone Hues