Back to palettes

Palette

Koi Water Garden

A serene blend of greens and blues, evoking clear pond waters, lily pads, and graceful fish.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Koi Water 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 Koi Water Garden.

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

Data visualization

#367C2B#66CDAA#ADD8E6#87CEEB#2E8B57

Palette guide

How to use Koi Water Garden

Overview

The Koi Water Garden palette offers a serene blend of greens and blues, evoking clear pond waters, lily pads, and graceful fish. Featuring deep greens like #367C2B and #2E8B57, it grounds the design in lush natural tones. Complementary blues such as #ADD8E6 (Light Blue) and #87CEEB (Sky Blue), alongside the refreshing #66CDAA (Medium Aqua), create an airy, tranquil atmosphere. Designers and developers can leverage this palette to craft calming, harmonious digital experiences or branding. It's perfect for projects that aim to convey peace, natural beauty, and a sense of gentle flow, offering a soothing and elegant visual identity.

Best used for

  • Zen garden or meditation app interfaces
  • Nature photography portfolios or websites
  • Aquatic or marine-themed branding
  • Wellness and relaxation service marketing
  • Home decor with a serene, natural aesthetic
  • Educational content about ecosystems or biology

Suggested color roles

primary

Utilize #367C2B as the foundational, deep green for main headings, navigation, or strong brand elements, providing a lush, stable presence.

secondary

Employ #2E8B57 for supporting content, subheadings, or as a background for sections that require a slightly softer yet rich green.

accent

Introduce #66CDAA for refreshing highlights, interactive elements like buttons, or subtle decorative details to add a gentle, inviting pop.

background

Use #ADD8E6 as a light, airy background for main content, mimicking clear water and ensuring excellent readability.

text

For text on lighter backgrounds, #367C2B or a deep charcoal black ensures excellent readability. On darker shades like #367C2B, white text provides clear contrast.

Accessibility notes

  • Ensure dark text (e.g., #367C2B or black) is used on #ADD8E6 and #87CEEB for optimal readability and WCAG compliance.
  • White text on #367C2B and #2E8B57 will provide strong contrast and be easily readable.
  • Exercise caution when using #66CDAA for text on #ADD8E6, as the contrast may be insufficient; always verify.
  • Prioritize clear contrast for all interactive elements to ensure usability, especially for buttons and links.

Recommended combinations

Pond Serenity

Ideal for a deep green header, a light blue background, and a refreshing aqua accent for interactive elements.

#367C2B · #ADD8E6 · #66CDAA

Water Reflections

Combine these for layered content cards or background gradients, creating a sense of natural flow and depth.

#87CEEB · #2E8B57 · #ADD8E6

Lily Pad Pop

Use the deep green for primary text, the aqua for vibrant accents, and the sky blue for supporting graphical elements.

#367C2B · #66CDAA · #87CEEB

CSS variables

:root {
  --koi-water-garden-1: #367C2B;
  --koi-water-garden-2: #66CDAA;
  --koi-water-garden-3: #ADD8E6;
  --koi-water-garden-4: #87CEEB;
  --koi-water-garden-5: #2E8B57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "koi-water-garden": {
        1: "#367C2B",
        2: "#66CDAA",
        3: "#ADD8E6",
        4: "#87CEEB",
        5: "#2E8B57",
      }
    }
  }
}

Related searches

koi pond color palettewater garden colorsserene green bluecalm nature aestheticaquatic design palette

Palette colors

Hex values

Color 1#367C2B
·
Color 2#66CDAA
·
Color 3#ADD8E6
·
Color 4#87CEEB
·
Color 5#2E8B57
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
3.4:1AA18
3:1Fail
1.2:1Fail
2
2.7:1Fail
1.3:1Fail
1.1:1Fail
2.2:1Fail
3
3.4:1AA18
1.3:1Fail
1.1:1Fail
2.8:1Fail
4
3:1Fail
1.1:1Fail
1.1:1Fail
2.4:1Fail
5
1.2:1Fail
2.2:1Fail
2.8:1Fail
2.4:1Fail

Similar palettes

More like Koi Water Garden

View all cool
Alpine Lake Serene
Aquatic Moss Garden
Calm Ocean Swell
Cerulean Coastline Calm
Coastal Seafoam Whisper
Coastal Seaglass Shimmer