Back to palettes

Palette

Stone Cairn Trail

Reflects the quiet solitude of stacked stone cairns marking a serene, rugged mountain path.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C5D5F#7D7E80#A4A5A7#3A3B3D#919294

Palette guide

How to use Stone Cairn Trail

Overview

The Stone Cairn Trail palette reflects the quiet solitude of stacked stone cairns marking a serene, rugged mountain path. This monochrome collection ranges from the deep, anchoring charcoal of #3A3B3D to the lighter, weathered grays of #7D7E80 and #A4A5A7, with #5C5D5F and #919294 providing balanced mid-tones. It's an excellent choice for designers and developers seeking to convey rugged minimalism, strength, and timelessness. Ideal for outdoor adventure brands, sophisticated digital interfaces, or any project requiring a grounded and authentic feel. The palette's subtle variations in gray offer ample opportunity for depth and texture, ensuring a cohesive and professional aesthetic.

Best used for

  • Outdoor and adventure brand identity
  • Minimalist app design
  • Architectural visualization
  • Photography portfolios (monochrome focus)
  • Rugged product packaging
  • Website backgrounds with subtle texture

Suggested color roles

primary

#5C5D5F - A robust, dark gray that serves as a strong foundation, embodying durability and stability for main content or brand elements.

secondary

#7D7E80 - A balanced mid-gray that complements the primary, offering a slightly softer contrast for secondary information, borders, or navigation.

accent

#3A3B3D - The darkest charcoal in the palette, providing impactful depth and strong contrast. Ideal for calls to action, important icons, or bold headings.

background

#A4A5A7 - A light, neutral gray that creates a clean and expansive canvas, perfect for page backgrounds, card elements, or large content areas.

text

#3A3B3D - This deep charcoal offers excellent readability against lighter grays like #A4A5A7 or #919294, providing a strong and sophisticated text color.

Accessibility notes

  • Ensure sufficient contrast when using #919294 for text on #A4A5A7; avoid low-contrast pairings.
  • Pair darker shades like #3A3B3D or #5C5D5F with #A4A5A7 or #919294 for optimal text readability.
  • For interactive elements, clearly differentiate states (e.g., hover, active) using distinct shades from the palette to ensure usability.
  • Be mindful of contrast ratios for small text and icons, as subtle gray differences can impact legibility for some users.

Recommended combinations

Mountain Base

Use #3A3B3D for strong headers, #A4A5A7 as a clean background, and #5C5D5F for primary content text, creating a grounded layout.

#3A3B3D · #A4A5A7 · #5C5D5F

Trail Layers

Combine #5C5D5F for main sections, #7D7E80 for secondary information, and #919294 for subtle accents or borders, building visual depth.

#5C5D5F · #7D7E80 · #919294

Rugged Contrast

Apply #7D7E80 for prominent content blocks, #3A3B3D for impactful text or UI elements, and #A4A5A7 for spacious background areas.

#7D7E80 · #3A3B3D · #A4A5A7

CSS variables

:root {
  --stone-cairn-trail-1: #5C5D5F;
  --stone-cairn-trail-2: #7D7E80;
  --stone-cairn-trail-3: #A4A5A7;
  --stone-cairn-trail-4: #3A3B3D;
  --stone-cairn-trail-5: #919294;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-cairn-trail": {
        1: "#5C5D5F",
        2: "#7D7E80",
        3: "#A4A5A7",
        4: "#3A3B3D",
        5: "#919294",
      }
    }
  }
}

Related searches

monochrome gray paletterugged mountain colorsminimalist stone schemeoutdoor brand palettesubtle cool grays

Palette colors

Hex values

Color 1#5C5D5F
·
Color 2#7D7E80
·
Color 3#A4A5A7
·
Color 4#3A3B3D
·
Color 5#919294
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
1.7:1Fail
2.1:1Fail
2
1.6:1Fail
1.6:1Fail
2.8:1Fail
1.3:1Fail
3
2.7:1Fail
1.6:1Fail
4.5:1AA
1.3:1Fail
4
1.7:1Fail
2.8:1Fail
4.5:1AA
3.6:1AA18
5
2.1:1Fail
1.3:1Fail
1.3:1Fail
3.6:1AA18

Similar palettes

More like Stone Cairn Trail

View all monochrome
Granite Peak Twilight
Stone Cairn Wisdom
Basalt Stream Pebble
Beach Stone Sketch
Calm Stone Meditate
Granite Mountain Peaks