Palette

Silent Fogbound Moor

Muted greys and soft silvers capture the stillness and mystery of a silent, fog-covered moor.

monochromedark5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Silent Fogbound Moor 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 Silent Fogbound Moor.

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

Data visualization

#4F4F4F#696969#808080#A9A9A9#C0C0C0

Palette guide

How to use Silent Fogbound Moor

Overview

The Silent Fogbound Moor palette masterfully captures a sense of calm and mystery through its range of muted greys. Featuring deep tones like #4F4F4F and #696969 alongside softer hues such as #A9A9A9 and #C0C0C0, this monochrome collection offers sophisticated versatility. Designers and developers can leverage these shades to evoke professionalism, minimalism, or a contemplative mood. Ideal for creating depth without relying on vibrant color, this palette enables subtle visual hierarchies and provides a refined backdrop for various digital and print applications. Its understated elegance ensures timeless appeal and a cohesive aesthetic.

Best used for

High-end corporate branding
Minimalist UI/UX design
Art and photography portfolios
Architectural and interior design presentations
Editorial layouts and sophisticated publications
Luxury product packaging

Suggested color roles

primary

#4F4F4F - Excellent for dominant UI elements, primary headlines, or large background sections where a strong, dark presence is desired.

secondary

#696969 - Ideal for subheadings, secondary calls-to-action, or content containers that need to stand out without overpowering the primary elements.

accent

#C0C0C0 - Use sparingly for subtle highlights, interactive states, or thin separators to add a touch of brightness and definition.

background

#A9A9A9 - Provides a soft, neutral base that feels open and airy, suitable for main content areas or entire page backgrounds.

text

#4F4F4F - Offers strong readability on lighter backgrounds like #A9A9A9 or #C0C0C0; for lighter backgrounds, consider pure black for maximum contrast.

Accessibility notes

Ensure sufficient contrast between text and background colors, especially for smaller font sizes, aiming for WCAG AA or AAA standards.
Avoid placing #808080 text on #A9A9A9 background without careful contrast checking, as they are close in luminance.
Use #4F4F4F or #696969 for body text on lighter backgrounds like #C0C0C0 or #A9A9A9 to maintain readability.
Consider a very dark grey like #4F4F4F for primary text on the lightest backgrounds, and #C0C0C0 for large-scale headlines on the darkest backgrounds.

Recommended combinations

Misty Interface

A light background (#A9A9A9) with dark, legible text (#4F4F4F) and subtle highlights (#C0C0C0) for a clean, modern interface.

#A9A9A9 · #4F4F4F · #C0C0C0

Deep Contrast

A bold, dark background (#4F4F4F) paired with bright, contrasting text (#C0C0C0) and a mid-tone (#808080) for supporting elements or separators.

#4F4F4F · #C0C0C0 · #808080

Subtle Harmony

A balanced mid-grey base (#696969) with lighter content areas (#A9A9A9) and very light accents (#C0C0C0) for a soft, harmonious look.

#696969 · #A9A9A9 · #C0C0C0

CSS variables

:root {
  --silent-fogbound-moor-1: #4F4F4F;
  --silent-fogbound-moor-2: #696969;
  --silent-fogbound-moor-3: #808080;
  --silent-fogbound-moor-4: #A9A9A9;
  --silent-fogbound-moor-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "silent-fogbound-moor": {
        1: "#4F4F4F",
        2: "#696969",
        3: "#808080",
        4: "#A9A9A9",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#4F4F4F

Color 2#696969

Color 3#808080

Color 4#A9A9A9

Color 5#C0C0C0

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

3.5:1AA18

4.5:1AA

1.5:1Fail

1.4:1Fail

2.3:1Fail

3:1AA18

2.1:1Fail

1.4:1Fail

1.7:1Fail

2.2:1Fail

3.5:1AA18

2.3:1Fail

1.7:1Fail

1.3:1Fail

4.5:1AA

3:1AA18

2.2:1Fail

1.3:1Fail

Similar palettes

More like Silent Fogbound Moor

Gothic Cathedral Stone

Gothic Stone Hearth

Rainy City Reflections