Back to palettes

Palette

Aqua Stillness Mood

Gentle blues, soft greens, and tranquil greys evoke the calm, undisturbed surface of a still pond, perfect for meditation.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aqua Stillness Mood 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 Aqua Stillness Mood.

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

Data visualization

#778899#A6BCC4#CFE2D0#E8EDEE#DDEFF1

Palette guide

How to use Aqua Stillness Mood

Overview

This "Aqua Stillness Mood" palette is a tranquil collection designed to evoke peace and serenity, ideal for projects seeking a calming aesthetic. Featuring gentle blues, soft greens, and serene greys, it includes soothing shades like the muted grey-blue #778899, the airy #A6BCC4, and the delicate green-grey of #CFE2D0. Lighter tones such as #E8EDEE and #DDEFF1 provide soft, refreshing bases. Developers can leverage this palette for interfaces that require a gentle user experience, ensuring visual comfort. Designers will find it perfect for creating spaces or digital assets that promote relaxation and focus, mirroring the undisturbed surface of a still pond. Its subtle variations offer depth without sacrificing its calming essence.

Best used for

  • Spa and wellness branding
  • Meditation app interfaces
  • Interior design for tranquil spaces
  • Nature-themed websites
  • Eco-friendly product packaging
  • Serene digital art

Suggested color roles

primary

A grounding, sophisticated grey-blue #778899, excellent for main structural elements or large content blocks to establish a calm foundation.

secondary

A lighter, airy blue-grey #A6BCC4, perfect for supporting elements, secondary buttons, or subtle headers, complementing the primary shade.

accent

A soft, muted green-grey #CFE2D0 that provides a gentle contrast, suitable for subtle highlights, interactive states, or decorative accents.

background

A very light, almost white grey #E8EDEE, ideal for clean, expansive backgrounds that enhance readability and maintain a serene feel.

text

Use #778899 for headings, or a dark charcoal like #333333 for body text against light backgrounds for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between #778899 text and #E8EDEE background.
  • Lighter shades like #E8EDEE and #DDEFF1 may need darker text for wcag compliance.
  • Use #A6BCC4 or #CFE2D0 for larger text or decorative elements on darker backgrounds.
  • Avoid placing #DDEFF1 text directly on #E8EDEE without significant size difference.

Recommended combinations

Calm Foundation

Ideal for main layouts, where #778899 anchors the design, #E8EDEE provides a clean background, and #A6BCC4 offers gentle secondary emphasis.

#778899 · #E8EDEE · #A6BCC4

Subtle Depth

For layered elements, subtle gradients, or backgrounds that need a hint of color without overpowering, maintaining a soft, ethereal quality.

#A6BCC4 · #CFE2D0 · #DDEFF1

Meditative Focus

Effective for call-to-action buttons or highlighted content, using #778899 for text, #CFE2D0 for a button fill, and #E8EDEE as a surrounding space.

#778899 · #CFE2D0 · #E8EDEE

CSS variables

:root {
  --aqua-stillness-mood-1: #778899;
  --aqua-stillness-mood-2: #A6BCC4;
  --aqua-stillness-mood-3: #CFE2D0;
  --aqua-stillness-mood-4: #E8EDEE;
  --aqua-stillness-mood-5: #DDEFF1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aqua-stillness-mood": {
        1: "#778899",
        2: "#A6BCC4",
        3: "#CFE2D0",
        4: "#E8EDEE",
        5: "#DDEFF1",
      }
    }
  }
}

Related searches

serene color palettecalm blue grey colorsmeditative design aestheticsoft water tonestranquil ui colors

Palette colors

Hex values

Color 1#778899
·
Color 2#A6BCC4
·
Color 3#CFE2D0
·
Color 4#E8EDEE
·
Color 5#DDEFF1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.7:1Fail
3.1:1AA18
3.1:1AA18
2
1.8:1Fail
1.5:1Fail
1.7:1Fail
1.7:1Fail
3
2.7:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail
4
3.1:1AA18
1.7:1Fail
1.2:1Fail
1:1Fail
5
3.1:1AA18
1.7:1Fail
1.1:1Fail
1:1Fail

Similar palettes

More like Aqua Stillness Mood

View all cool
Glacial Lagoon Calm
Aqua Dream Glow
Aqua Tile Spa
Arctic River Ice
Calm Lake Reflections
Calm Ocean Swell