Back to palettes

Palette

Meditative Rock Pool

A soothing blend of cool greys and soft blues, reminiscent of still water and smooth stones in a meditative space.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Meditative Rock Pool 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 Meditative Rock Pool.

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

Data visualization

#A9A9A9#778899#B0C4DE#DCDCDC#5F9EA0

Palette guide

How to use Meditative Rock Pool

Overview

The Meditative Rock Pool palette offers a soothing blend of cool greys and soft blues, perfect for evoking a sense of calm and serenity. Inspired by still water and smooth stones, its core colors include the grounding #A9A9A9 (grey), the gentle #778899 (slate blue), and the refreshing #5F9EA0 (cadet blue). This palette is ideal for designers and developers aiming to create tranquil digital experiences or physical spaces. The lighter tones like #DCDCDC (gainsboro) provide excellent bases, while #B0C4DE (light steel blue) adds a subtle, airy touch. Use this collection to infuse designs with a quiet, reflective mood, promoting relaxation and focus.

Best used for

  • Spa and wellness branding
  • Mindfulness and meditation apps
  • Minimalist interior design concepts
  • Nature-themed websites or blogs
  • Corporate wellness program materials
  • Relaxation-focused UI/UX design

Suggested color roles

primary

Use #778899 as a foundational color for main sections or prominent UI elements, providing a stable, calm presence.

secondary

Employ #B0C4DE for complementary sections, subheadings, or background accents, adding a soft, airy contrast.

accent

Introduce #5F9EA0 sparingly for calls-to-action, interactive elements, or subtle graphic details to draw attention without being overwhelming.

background

Utilize #DCDCDC for clean, light backgrounds, ensuring excellent readability and a spacious feel.

text

For body text and primary content, use #A9A9A9 for a soft, comfortable read, or a darker charcoal like #333333 for enhanced contrast on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #DCDCDC with #B0C4DE for text.
  • Use #A9A9A9 for text on #DCDCDC only if contrast ratios meet WCAG AA standards; otherwise, opt for a darker text color.
  • Reserve #5F9EA0 for larger text or graphical elements to ensure visibility against very light backgrounds.
  • Test color combinations for readability, especially for users with low vision or color perception differences.

Recommended combinations

Calm Interface

Ideal for clean interfaces, with #DCDCDC as background, #778899 for primary text, and #B0C4DE for buttons or secondary headings.

#DCDCDC · #778899 · #B0C4DE

Serene Accent

Combine #A9A9A9 for large content blocks, #5F9EA0 as an accent for icons or highlights, and #778899 for strong headings.

#A9A9A9 · #5F9EA0 · #778899

Natural Harmony

Utilize #B0C4DE as a soft background, #DCDCDC for card elements or feature boxes, and #5F9EA0 for interactive links or subtle visual cues.

#B0C4DE · #DCDCDC · #5F9EA0

CSS variables

:root {
  --meditative-rock-pool-1: #A9A9A9;
  --meditative-rock-pool-2: #778899;
  --meditative-rock-pool-3: #B0C4DE;
  --meditative-rock-pool-4: #DCDCDC;
  --meditative-rock-pool-5: #5F9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meditative-rock-pool": {
        1: "#A9A9A9",
        2: "#778899",
        3: "#B0C4DE",
        4: "#DCDCDC",
        5: "#5F9EA0",
      }
    }
  }
}

Related searches

calm color schemeserene grey blue palettenature inspired design colorsmeditative ui ux paletterock pool aesthetic colors

Palette colors

Hex values

Color 1#A9A9A9
·
Color 2#778899
·
Color 3#B0C4DE
·
Color 4#DCDCDC
·
Color 5#5F9EA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.3:1Fail
1.7:1Fail
1.3:1Fail
2
1.5:1Fail
2:1Fail
2.7:1Fail
1.2:1Fail
3
1.3:1Fail
2:1Fail
1.3:1Fail
1.7:1Fail
4
1.7:1Fail
2.7:1Fail
1.3:1Fail
2.2:1Fail
5
1.3:1Fail
1.2:1Fail
1.7:1Fail
2.2:1Fail

Similar palettes

More like Meditative Rock Pool

View all neutral
Cloudy Day Serene
Coastal Driftwood Grey
Dusky Cloud Blanket
Misty Mountain Morning
Misty Mountain Path
Misty Peaks Veil