Back to palettes

Palette

Quiet Stream Stone

Cool, smooth grays reminiscent of rounded pebbles found in a tranquil zen garden riverbed, promoting serenity.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Quiet Stream Stone 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 Quiet Stream Stone.

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

Data visualization

#4F595C#7A8C8E#A4BFC1#D1E2E4#F4F7F8

Palette guide

How to use Quiet Stream Stone

Overview

The Quiet Stream Stone palette captures the cool, smooth essence of rounded pebbles in a tranquil Zen garden riverbed. Featuring #4F595C, #7A8C8E, #A4BFC1, #D1E2E4, and #F4F7F8, this collection offers designers and developers a serene and minimalist set of cool grays and soft blues. It's perfectly suited for projects aiming to evoke calm, clarity, and a natural aesthetic. The harmonious range from deep, grounding tones to crisp, airy shades provides exceptional versatility for creating clean interfaces, soothing branding, or elegant digital experiences that promote a sense of peace.

Best used for

  • Wellness and spa branding
  • Nature-themed apps and websites
  • Minimalist interior design concepts
  • Calming digital interfaces and dashboards
  • Eco-conscious and sustainable brands
  • Zen garden inspired graphic design

Suggested color roles

primary

Utilize #7A8C8E as a cool, balanced primary color, ideal for main content areas or foundational UI components due to its serene appeal.

secondary

Incorporate #A4BFC1 as a lighter, airy secondary shade, perfect for supporting elements, subtle dividers, or hover states.

accent

Apply #4F595C as a deep, grounding accent to provide clear contrast and emphasize important information or calls-to-action.

background

Employ #F4F7F8 as a crisp, clean background color, offering an expansive and refreshing canvas that enhances the palette's tranquil mood.

text

For optimal readability, use #4F595C for main headings and #7A8C8E for body text, ensuring excellent contrast against the lighter background tones.

Accessibility notes

  • Ensure #4F595C provides excellent contrast when used as text on the lightest background, #F4F7F8, meeting WCAG standards.
  • Be cautious when pairing #A4BFC1 as text on #D1E2E4 or #F4F7F8; always verify sufficient contrast for readability.
  • Lighter shades like #D1E2E4 should be avoided for small text unless contrasted with a very dark background.
  • The mid-tone #7A8C8E offers good readability for body text on #F4F7F8, but always test for smaller font sizes.

Recommended combinations

Stream Depth

Creates strong visual hierarchy with a deep grounding color, a crisp background, and a balanced mid-tone for emphasis.

#4F595C · #F4F7F8 · #7A8C8E

Pebble Gradient

Ideal for soft, progressive transitions, perfect for background sections, data visualizations, or subtle UI states.

#D1E2E4 · #A4BFC1 · #7A8C8E

Cool Serenity

Provides an airy and harmonious feel, excellent for expansive backgrounds or delicate graphic elements that promote calm.

#7A8C8E · #A4BFC1 · #F4F7F8

CSS variables

:root {
  --quiet-stream-stone-1: #4F595C;
  --quiet-stream-stone-2: #7A8C8E;
  --quiet-stream-stone-3: #A4BFC1;
  --quiet-stream-stone-4: #D1E2E4;
  --quiet-stream-stone-5: #F4F7F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quiet-stream-stone": {
        1: "#4F595C",
        2: "#7A8C8E",
        3: "#A4BFC1",
        4: "#D1E2E4",
        5: "#F4F7F8",
      }
    }
  }
}

Related searches

cool grey blue palettezen river colorstranquil pebble schememinimalist cool tonesserene digital design

Palette colors

Hex values

Color 1#4F595C
·
Color 2#7A8C8E
·
Color 3#A4BFC1
·
Color 4#D1E2E4
·
Color 5#F4F7F8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.7:1AA18
5.4:1AA
6.7:1AA
2
2:1Fail
1.8:1Fail
2.6:1Fail
3.3:1AA18
3
3.7:1AA18
1.8:1Fail
1.5:1Fail
1.8:1Fail
4
5.4:1AA
2.6:1Fail
1.5:1Fail
1.2:1Fail
5
6.7:1AA
3.3:1AA18
1.8:1Fail
1.2:1Fail

Similar palettes

More like Quiet Stream Stone

View all Cool
Aegean Coastline Muse
Ancient Cypress Shade
Coastal Pebble Wash
Frosted Meadow Petals
Glacial Cave Depths
Indigo Ocean Depth