Palette

Granite Mountain Peaks

Strong, stoic grays mirror the imposing grandeur of granite mountain peaks under a cloudless sky.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Granite Mountain Peaks 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 Granite Mountain Peaks.

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

Data visualization

#E0E0E0#C2C2C2#9E9E9E#7B7B7B#575757

Palette guide

How to use Granite Mountain Peaks

Overview

The Granite Mountain Peaks palette offers strong, stoic grays that mirror the imposing grandeur of granite mountain peaks under a cloudless sky. Ranging from the bright #E0E0E0 to the deep #575757, with balanced mid-tones like #C2C2C2, #9E9E9E, and #7B7B7B, this monochrome collection is perfect for designers and developers seeking to convey robustness, clarity, and an enduring sense of natural strength. It provides a versatile and professional foundation for projects that require a grounded, sophisticated, and timeless aesthetic, evoking stability and minimalist elegance.

Best used for

Outdoor and adventure brand identities
High-end automotive design visualizations
Corporate and luxury real estate branding
Modern art gallery websites
Technical documentation and reports
Minimalist product packaging

Suggested color roles

primary

Use #575757 as a grounding primary for strong headers, navigation, or deep backgrounds, signifying stability.

secondary

Employ #7B7B7B for secondary elements, borders, or subtle graphical components, maintaining a cohesive, robust look.

accent

Apply #9E9E9E for understated accents, interactive states, or to provide subtle visual interest without introducing color.

background

The light #E0E0E0 or #C2C2C2 serves as an excellent clean background, offering optimal readability for darker text.

text

For dark text, #575757 or a standard black on lighter backgrounds ensures clarity. For lighter text on dark backgrounds, #E0E0E0 provides clean readability.

Accessibility notes

Ensure sufficient contrast between text and background, particularly when using similar shades of gray like #C2C2C2 on #E0E0E0.
Use a contrast checker to verify all text and interactive element pairings meet WCAG contrast guidelines.
For interactive elements, consider subtle hover effects or underlines in addition to color changes.
Avoid relying solely on slight variations in gray for critical information without other visual cues.

Recommended combinations

Peak Clarity

A strong, high-contrast combination ideal for professional branding, website layouts, or clean editorial design.

#575757 · #E0E0E0 · #7B7B7B

Mountain Layers

Excellent for creating visual hierarchy, distinguishing content blocks, or subtle backgrounds in a sophisticated design.

#7B7B7B · #9E9E9E · #C2C2C2

Summit Light

Perfect for airy interfaces, backgrounds, or where subtle distinctions in tone are used to define elements in a minimalist aesthetic.

#E0E0E0 · #C2C2C2 · #9E9E9E

CSS variables

:root {
  --granite-mountain-peaks-1: #E0E0E0;
  --granite-mountain-peaks-2: #C2C2C2;
  --granite-mountain-peaks-3: #9E9E9E;
  --granite-mountain-peaks-4: #7B7B7B;
  --granite-mountain-peaks-5: #575757;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "granite-mountain-peaks": {
        1: "#E0E0E0",
        2: "#C2C2C2",
        3: "#9E9E9E",
        4: "#7B7B7B",
        5: "#575757",
      }
    }
  }
}

Hex values

Color 1#E0E0E0

Color 2#C2C2C2

Color 3#9E9E9E

Color 4#7B7B7B

Color 5#575757

Accessibility

Contrast checker

1.3:1Fail

2:1Fail

3.2:1AA18

5.5:1AA

1.3:1Fail

1.5:1Fail

2.4:1Fail

4.1:1AA18

2:1Fail

1.5:1Fail

1.6:1Fail

2.7:1Fail

3.2:1AA18

2.4:1Fail

1.6:1Fail

1.7:1Fail

5.5:1AA

4.1:1AA18

2.7:1Fail

1.7:1Fail

Similar palettes

More like Granite Mountain Peaks

View all monochrome

Ancient Stone Rubble

Beach Stone Sketch

Granite Peak Twilight

Stone Cairn Trail

Ancient Ruin Stone

Ancient Rune Carving