Back to palettes

Palette

Zen Willow Pond

Soft greens and blues, creating a peaceful and contemplative waterside setting.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Zen Willow Pond 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 Willow Pond.

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

Data visualization

#6B8E23#ADD8E6#D8BFD8#8FBC8F#4682B4

Palette guide

How to use Zen Willow Pond

Overview

The Zen Willow Pond palette offers a serene and contemplative waterside setting through its soft, natural hues. Featuring a grounding Olive Drab (#6B8E23), a calming Steel Blue (#4682B4), and a gentle Light Blue (#ADD8E6), this collection evokes tranquility. Designers and developers can leverage these cool, earthy tones to create environments that promote peace and reflection. The subtle inclusion of Thistle (#D8BFD8) and Medium Sea Green (#8FBC8F) adds a delicate, organic touch, perfect for projects aiming for a harmonious, nature-inspired aesthetic. This palette is ideal for fostering a sense of calm and natural balance.

Best used for

  • Spa and wellness branding
  • Meditation app interfaces
  • Eco-friendly product packaging
  • Nature-themed websites or blogs
  • Relaxing interior design concepts
  • Environmental awareness campaigns

Suggested color roles

primary

Use Olive Drab (#6B8E23) as a strong, earthy foundation for main headings or prominent design elements.

secondary

Steel Blue (#4682B4) provides depth, perfect for large sections, navigation, or strong visual anchors.

accent

Thistle (#D8BFD8) adds a delicate, reflective highlight for subtle details, icons, or secondary calls to action.

background

Light Blue (#ADD8E6) serves as an airy, expansive background, reminiscent of clear water or sky.

text

For body text, use a deep charcoal or black for readability. For headings, consider Olive Drab (#6B8E23) or Steel Blue (#4682B4).

Accessibility notes

  • Ensure sufficient contrast between Light Blue (#ADD8E6) background and text, opting for darker hues like black or #6B8E23.
  • Steel Blue (#4682B4) provides good contrast with lighter colors; use it for primary text on #ADD8E6 or #D8BFD8.
  • Thistle (#D8BFD8) is light; avoid using it for small text, especially on #ADD8E6.
  • Olive Drab (#6B8E23) offers strong contrast against #ADD8E6, making it suitable for important headings.

Recommended combinations

Earthy Base

Ideal for natural landscapes, grounding elements, or a serene brand identity.

#6B8E23 · #8FBC8F · #ADD8E6

Water Reflection

Perfect for evoking water surfaces, sky, or subtle, dreamy reflections in digital art or UI.

#4682B4 · #ADD8E6 · #D8BFD8

Soft Harmony

Creates a gentle, airy feel for delicate illustrations, light UI elements, or contemplative interfaces.

#8FBC8F · #D8BFD8 · #ADD8E6

CSS variables

:root {
  --zen-willow-pond-1: #6B8E23;
  --zen-willow-pond-2: #ADD8E6;
  --zen-willow-pond-3: #D8BFD8;
  --zen-willow-pond-4: #8FBC8F;
  --zen-willow-pond-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-willow-pond": {
        1: "#6B8E23",
        2: "#ADD8E6",
        3: "#D8BFD8",
        4: "#8FBC8F",
        5: "#4682B4",
      }
    }
  }
}

Related searches

zen color schemetranquil greens bluesnature inspired palettecalm ui colorswillow pond colors

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#ADD8E6
·
Color 3#D8BFD8
·
Color 4#8FBC8F
·
Color 5#4682B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.2:1Fail
1.8:1Fail
1.1:1Fail
2
2.5:1Fail
1.1:1Fail
1.4:1Fail
2.7:1Fail
3
2.2:1Fail
1.1:1Fail
1.3:1Fail
2.4:1Fail
4
1.8:1Fail
1.4:1Fail
1.3:1Fail
1.9:1Fail
5
1.1:1Fail
2.7:1Fail
2.4:1Fail
1.9:1Fail

Similar palettes

More like Zen Willow Pond

View all cool
Hidden Cove Shimmer
Mediterranean Coast Breeze
Still Water Glade
Teal Sanctuary
Twilight Pond Whisper
Alpine Lake Serene