Back to palettes

Palette

Twilight Pond Lily

A serene mix of muted blues and greens, like water lilies floating on a peaceful twilight pond.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Twilight Pond Lily 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 Twilight Pond Lily.

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

Data visualization

#AECED1#86B8BC#5F9EAD#3A859E#136C8E

Palette guide

How to use Twilight Pond Lily

Overview

The "Twilight Pond Lily" palette offers a refreshing and serene gradient of cool blues and greens, reminiscent of water lilies on a peaceful pond at dusk. It ranges from the very light aqua of #AECED1 and the gentle teal of #86B8BC, through the balanced blue-green of #5F9EAD, to the deeper, more saturated #3A859E and #136C8E. This palette is perfect for designs seeking tranquility, natural calm, or a clean, refreshing aesthetic. It's versatile for wellness brands, nature-themed interfaces, or any project requiring a harmonious and soothing visual experience that promotes a sense of peace.

Best used for

  • Spa and wellness websites
  • Nature conservation organizations
  • Marine-themed branding
  • Eco-friendly product packaging
  • Calming mobile app interfaces
  • Interior design mood boards

Suggested color roles

primary

#136C8E or #3A859E for dominant backgrounds or headers, establishing a deep, calming aquatic feel.

secondary

#5F9EAD or #86B8BC for sub-sections, cards, or prominent text, adding depth and harmony.

accent

#AECED1 provides a light, airy highlight for interactive elements, icons, or subtle decorative details.

background

#AECED1 for a light, refreshing base; #136C8E for a deep, tranquil dark mode.

text

Dark charcoal or black for text on #AECED1; #AECED1 or white for text on #136C8E or #3A859E.

Accessibility notes

  • Ensure dark text has sufficient contrast on #AECED1 and #86B8BC.
  • Be cautious using #5F9EAD on #86B8BC for small text due to potential low contrast.
  • Use #AECED1 generously for interactive elements to ensure they are clearly visible.
  • For important text on darker shades like #136C8E, use white or #AECED1 for maximum readability.

Recommended combinations

Pond Depths

Creates a deep, serene background with clear, refreshing accents.

#136C8E · #5F9EAD · #AECED1

Lily Pad Glow

Ideal for soft gradients or layered elements that evoke peaceful water.

#3A859E · #86B8BC · #AECED1

Cool Tranquility

Excellent for establishing a cohesive, calming theme in UI design.

#136C8E · #3A859E · #5F9EAD

CSS variables

:root {
  --twilight-pond-lily-1: #AECED1;
  --twilight-pond-lily-2: #86B8BC;
  --twilight-pond-lily-3: #5F9EAD;
  --twilight-pond-lily-4: #3A859E;
  --twilight-pond-lily-5: #136C8E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-pond-lily": {
        1: "#AECED1",
        2: "#86B8BC",
        3: "#5F9EAD",
        4: "#3A859E",
        5: "#136C8E",
      }
    }
  }
}

Related searches

calming blue green palettewater lily colorsserene aquatic themenature-inspired designtranquil spa colors

Palette colors

Hex values

Color 1#AECED1
·
Color 2#86B8BC
·
Color 3#5F9EAD
·
Color 4#3A859E
·
Color 5#136C8E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.5:1Fail
3.5:1AA18
2
1.3:1Fail
1.4:1Fail
1.9:1Fail
2.7:1Fail
3
1.8:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail
4
2.5:1Fail
1.9:1Fail
1.4:1Fail
1.4:1Fail
5
3.5:1AA18
2.7:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Twilight Pond Lily

View all cool
Alpine Lake Serene
Aquatic Moss Garden
Cerulean Coastline Calm
Coastal Seafoam Whisper
Coastal Seaglass Shimmer
Deep Sea Flora Bed