Back to palettes

Palette

Riverstone Meditation

The serene, muted tones of smooth river stones, inspiring quiet contemplation.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Riverstone Meditation 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 Riverstone Meditation.

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

Data visualization

#708090#A9A9A9#D3D3D3#E0FFFF#C0C0C0

Palette guide

How to use Riverstone Meditation

Overview

The Riverstone Meditation palette offers the serene, muted tones of smooth river stones, inspiring quiet contemplation. Featuring a grounding #708090, a versatile #A9A9A9, and the almost-white #E0FFFF, this palette is ideal for designs seeking a minimal, peaceful, and sophisticated aesthetic. Designers can leverage its subtle cool grays and a hint of light blue to create a calming atmosphere, perfect for fostering focus and tranquility. Developers will find the clear progression of values useful for building clean, uncluttered user interfaces that prioritize readability and a harmonious visual experience across various digital and print applications, from personal blogs to wellness platforms.

Best used for

  • Meditation and mindfulness apps
  • Minimalist personal blogs or portfolios
  • Wellness and mental health platforms
  • Serene interior design concepts
  • High-end stationery or print media
  • Calm corporate branding

Suggested color roles

primary

Use #708090 for main content areas or brand elements, providing a solid, cool grey base.

secondary

Apply #A9A9A9 for supporting elements, subheadings, or subtle background panels, offering a harmonious mid-tone.

accent

While no strong accent is present, a very dark grey or black should be used for critical calls-to-action against lighter backgrounds.

background

Employ #E0FFFF as a light, expansive background, ensuring excellent readability and a fresh, ethereal feel.

text

A dark charcoal like #708090 or a true black is essential for optimal readability against lighter backgrounds such as #E0FFFF.

Accessibility notes

  • Ensure #708090 text on #E0FFFF or #D3D3D3 backgrounds meets WCAG AA contrast standards for legibility.
  • Be cautious when using #A9A9A9 or #C0C0C0 for small text on #D3D3D3 or #E0FFFF, as contrast will be insufficient.
  • For interactive elements, ensure distinct visual feedback (e.g., darker hover states or outlines).
  • A contrast checker is crucial for validating all text and background pairings, especially for smaller font sizes.

Recommended combinations

Deep Calm

Ideal for hero sections or main content blocks: #E0FFFF background, #708090 for headings, #A9A9A9 for body.

#708090 · #E0FFFF · #A9A9A9

Layered Serenity

Perfect for creating subtle depth in UI elements like cards or modal dialogues, using progressive lightness.

#D3D3D3 · #C0C0C0 · #E0FFFF

Core Focus

A balanced trio for general UI: #E0FFFF for backgrounds, #A9A9A9 for panels, and #708090 for critical text.

#A9A9A9 · #E0FFFF · #708090

CSS variables

:root {
  --riverstone-meditation-1: #708090;
  --riverstone-meditation-2: #A9A9A9;
  --riverstone-meditation-3: #D3D3D3;
  --riverstone-meditation-4: #E0FFFF;
  --riverstone-meditation-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "riverstone-meditation": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#D3D3D3",
        4: "#E0FFFF",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

peaceful grey paletteminimalist meditation colorsserene UI designcool neutral web designtranquil stone palette

Palette colors

Hex values

Color 1#708090
·
Color 2#A9A9A9
·
Color 3#D3D3D3
·
Color 4#E0FFFF
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
3.8:1AA18
2.2:1Fail
2
1.7:1Fail
1.6:1Fail
2.2:1Fail
1.3:1Fail
3
2.7:1Fail
1.6:1Fail
1.4:1Fail
1.2:1Fail
4
3.8:1AA18
2.2:1Fail
1.4:1Fail
1.7:1Fail
5
2.2:1Fail
1.3:1Fail
1.2:1Fail
1.7:1Fail

Similar palettes

More like Riverstone Meditation

View all neutral
Calm Interior Lines
Calm Stone Pathway
Cloudy Cobblestone Lane
Gallery Wall Calm
Misty Mountain Zen
Muted Haze Comfort