Back to palettes

Palette

Minimalist Cairn Stack

Subtly calming grays inspired by the balanced beauty of a minimalist stone cairn.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Minimalist Cairn Stack 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 Minimalist Cairn Stack.

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

Data visualization

#70777B#949DA0#B9C2C5#DFE5E7#53585B

Palette guide

How to use Minimalist Cairn Stack

Overview

The Minimalist Cairn Stack palette draws inspiration from the serene and balanced beauty of stacked stones, offering a range of subtly calming grey tones with a hint of coolness. From the deep, grounding #53585B and #70777B to the lighter, airy #DFE5E7, with intermediate shades like #949DA0 and #B9C2C5, this palette is perfect for creating designs that exude stability, tranquility, and understated elegance. It's an excellent choice for architectural firms, nature-inspired brands, or digital interfaces seeking a refined, quiet aesthetic. The gentle progression of shades allows for sophisticated layering and visual depth without harsh contrasts, promoting a sense of calm.

Best used for

  • Architectural and interior design firms
  • Nature-inspired product branding
  • Serene digital experience platforms
  • Minimalist photography portfolios
  • High-end corporate reports
  • Zen garden or wellness retreat branding

Suggested color roles

primary

#70777B - A solid, balanced grey, ideal for main content sections, primary navigation, or prominent UI elements, providing a stable foundation.

secondary

#949DA0 - A slightly lighter, softer grey, suitable for supporting information, secondary buttons, or subtle background patterns.

accent

#53585B - The deepest, most grounding shade, excellent for strong calls to action, important headlines, or key visual anchors.

background

#DFE5E7 - A very light, almost off-white grey with a cool undertone, creating a clean, expansive, and tranquil canvas.

text

#53585B - A dark, highly readable grey, perfect for body text on light backgrounds like #DFE5E7 or #B9C2C5, ensuring excellent legibility.

Accessibility notes

  • Ensure #53585B text has strong contrast against #DFE5E7 or #B9C2C5 for optimal readability.
  • Avoid using #B9C2C5 text on #DFE5E7 backgrounds due to insufficient contrast, especially for smaller fonts.
  • Use #70777B or #53585B for interactive elements to ensure they stand out clearly against lighter backgrounds.
  • When using lighter tones for text, like #B9C2C5, ensure it's on a significantly darker background such as #53585B.

Recommended combinations

Stone Foundation

Strong contrast for essential text and elements on a very light, calming background.

#53585B · #DFE5E7 · #70777B

Balanced Layers

Layered greys for subtle depth in UI cards, sections, or data visualization.

#70777B · #949DA0 · #B9C2C5

Cairn Accent

Light background, a mid-tone primary, and a deep accent for a stable, sophisticated design.

#DFE5E7 · #70777B · #53585B

CSS variables

:root {
  --minimalist-cairn-stack-1: #70777B;
  --minimalist-cairn-stack-2: #949DA0;
  --minimalist-cairn-stack-3: #B9C2C5;
  --minimalist-cairn-stack-4: #DFE5E7;
  --minimalist-cairn-stack-5: #53585B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minimalist-cairn-stack": {
        1: "#70777B",
        2: "#949DA0",
        3: "#B9C2C5",
        4: "#DFE5E7",
        5: "#53585B",
      }
    }
  }
}

Related searches

serene grey palettestone inspired colorsminimalist neutral schemetranquil cool greyquiet architectural hues

Palette colors

Hex values

Color 1#70777B
·
Color 2#949DA0
·
Color 3#B9C2C5
·
Color 4#DFE5E7
·
Color 5#53585B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.6:1AA18
1.6:1Fail
2
1.6:1Fail
1.5:1Fail
2.2:1Fail
2.6:1Fail
3
2.5:1Fail
1.5:1Fail
1.4:1Fail
4:1AA18
4
3.6:1AA18
2.2:1Fail
1.4:1Fail
5.7:1AA
5
1.6:1Fail
2.6:1Fail
4:1AA18
5.7:1AA

Similar palettes

More like Minimalist Cairn Stack

View all neutral
Serene Zen Cairn
Ancient Roman Stone
Ancient Rune Stone
Ancient Temple Stones
Calm Stone Pathway
Metro Grid Hues