Back to palettes

Palette

Stone Cairn Wisdom

A calming collection of various greys, reflecting the sturdy silence of stacked cairn stones.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stone Cairn Wisdom 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 Stone Cairn Wisdom.

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

Data visualization

#708090#A9A9A9#54626F#D3D3D3#46505A

Palette guide

How to use Stone Cairn Wisdom

Overview

The Stone Cairn Wisdom palette offers a calming collection of various grays, reflecting the sturdy silence of stacked cairn stones. Ranging from the deep, thoughtful #46505A to the serene light gray of #D3D3D3, with balanced mid-tones like #708090, #A9A9A9, and #54626F, this collection is ideal for designers and developers seeking a grounded, contemplative, and minimalist aesthetic. It excels in conveying wisdom, stability, and understated sophistication, making it suitable for corporate, educational, or spiritual-themed projects. The subtle variations in tone provide ample versatility for creating depth and hierarchy while maintaining a cohesive, tranquil feel across digital and print applications.

Best used for

  • Educational and academic institutions
  • Spiritual or mindfulness app interfaces
  • Corporate and professional branding
  • Minimalist website designs
  • Architectural interior concepts
  • Understated editorial layouts

Suggested color roles

primary

#54626F - A deep, thoughtful blue-gray that provides a stable and wise foundation for primary content blocks or brand elements.

secondary

#708090 - A balanced slate gray that complements the primary, offering gentle contrast for subheadings, navigation, or supportive graphics.

accent

#46505A - The darkest, most impactful blue-gray in the palette, perfect for calls to action, important icons, or prominent text, adding depth and authority.

background

#D3D3D3 - A very light, neutral gray that creates a clean, expansive, and subtle background for pages and content areas, ensuring serenity.

text

#46505A - This deep blue-gray offers excellent readability against lighter grays like #D3D3D3 or #A9A9A9, providing a sophisticated and clear text color.

Accessibility notes

  • Ensure sufficient contrast when using #A9A9A9 for text on #D3D3D3; darker grays are preferred for readability.
  • Pair darker shades like #46505A or #54626F with #D3D3D3 or #A9A9A9 for optimal text readability.
  • For interactive elements, clearly differentiate states (e.g., hover, active) using distinct shades from the palette to enhance usability.
  • Be mindful of contrast ratios for small text and icons, especially in monochromatic palettes where subtle differences can affect legibility.

Recommended combinations

Wise Foundation

Use #46505A for strong headers, #D3D3D3 as a clean background, and #708090 for primary content text, creating a grounded and readable layout.

#46505A · #D3D3D3 · #708090

Contemplative Layers

Combine #54626F for main sections, #A9A9A9 for secondary panels, and #708090 for subtle borders or dividers, building depth and structure.

#54626F · #A9A9A9 · #708090

Subtle Authority

Apply #708090 for prominent content blocks, #46505A for impactful text or UI elements, and #D3D3D3 for spacious background areas.

#708090 · #46505A · #D3D3D3

CSS variables

:root {
  --stone-cairn-wisdom-1: #708090;
  --stone-cairn-wisdom-2: #A9A9A9;
  --stone-cairn-wisdom-3: #54626F;
  --stone-cairn-wisdom-4: #D3D3D3;
  --stone-cairn-wisdom-5: #46505A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-cairn-wisdom": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#54626F",
        4: "#D3D3D3",
        5: "#46505A",
      }
    }
  }
}

Related searches

monochrome gray wisdomcalm stone palettecontemplative color schememinimalist gray professionalsophisticated neutral tones

Palette colors

Hex values

Color 1#708090
·
Color 2#A9A9A9
·
Color 3#54626F
·
Color 4#D3D3D3
·
Color 5#46505A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.5:1Fail
2.7:1Fail
2:1Fail
2
1.7:1Fail
2.7:1Fail
1.6:1Fail
3.5:1AA18
3
1.5:1Fail
2.7:1Fail
4.2:1AA18
1.3:1Fail
4
2.7:1Fail
1.6:1Fail
4.2:1AA18
5.5:1AA
5
2:1Fail
3.5:1AA18
1.3:1Fail
5.5:1AA

Similar palettes

More like Stone Cairn Wisdom

View all monochrome
Stone Cairn Trail
Basalt Stream Pebble
Beach Stone Sketch
Calm Stone Meditate
Granite Peak Twilight
Historic Tablet Text