Back to palettes

Palette

Mystical Foggy Moor

Ethereal grays and subtle tones of a secluded moor on a misty morning.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystical Foggy 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 Mystical Foggy Moor.

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

Data visualization

#727A79#99A1A1#C7CDCD#4B5251#2C3030

Palette guide

How to use Mystical Foggy Moor

Overview

The Mystical Foggy Moor palette offers a serene and grounded collection of ethereal grays and subtle, muted tones, reminiscent of a secluded moor on a misty morning. Featuring a deep charcoal #2C3030, a grounding #4B5251, and the softer, enveloping #727A79, it transitions to lighter, airy shades like #99A1A1 and #C7CDCD. This collection is perfect for projects seeking a calm, sophisticated, and slightly mysterious atmosphere. Designers and developers can leverage these hues to create tranquil interfaces, elegant branding, or atmospheric digital art that evokes quiet contemplation and refined minimalism.

Best used for

  • Calm and sophisticated web interfaces
  • Branding for artisan crafts or natural products
  • Photography portfolios with a moody aesthetic
  • Interior design for minimalist or industrial spaces
  • Editorial design for contemplative content
  • Mobile apps focused on relaxation or mindfulness

Suggested color roles

primary

A deep, grounding charcoal, excellent for dominant brand elements, large headers, or primary backgrounds, conveying stability and sophistication (#2C3030).

secondary

A rich, cool dark grey, ideal for subheadings, navigation, or significant graphical elements, adding depth without harshness (#4B5251).

accent

A soft, muted medium grey, perfect for subtle highlights, interactive elements, or decorative patterns, offering a gentle visual lift (#99A1A1).

background

A very light, airy grey, providing a clean and breathable canvas for content, ensuring readability with darker text (#C7CDCD).

text

The darkest shade, ensuring excellent contrast and legibility for body text, titles, and important information on lighter backgrounds like #C7CDCD (#2C3030).

Accessibility notes

  • Ensure sufficient contrast when using #2C3030 or #4B5251 for text on lighter backgrounds like #C7CDCD or #99A1A1.
  • Avoid pairing #99A1A1 text directly on #C7CDCD for body copy due to potential low contrast.
  • White or very light text will be highly legible on the darker shades like #2C3030 and #4B5251.
  • Use accessibility tools to check contrast ratios for all critical text and interactive elements to ensure WCAG compliance.

Recommended combinations

Deep Moor

A sophisticated, gradient-like blend perfect for dark-themed interfaces, elegant branding, or subtle atmospheric backgrounds.

#2C3030 · #4B5251 · #727A79

Misty Horizon

A soft, harmonious trio ideal for serene backgrounds, subtle UI elements, or creating a light, airy feel.

#727A79 · #99A1A1 · #C7CDCD

Grounded Calm

Provides strong visual contrast for impactful headlines, call-to-action buttons, or minimalist designs with clear hierarchy.

#2C3030 · #727A79 · #C7CDCD

CSS variables

:root {
  --mystical-foggy-moor-1: #727A79;
  --mystical-foggy-moor-2: #99A1A1;
  --mystical-foggy-moor-3: #C7CDCD;
  --mystical-foggy-moor-4: #4B5251;
  --mystical-foggy-moor-5: #2C3030;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystical-foggy-moor": {
        1: "#727A79",
        2: "#99A1A1",
        3: "#C7CDCD",
        4: "#4B5251",
        5: "#2C3030",
      }
    }
  }
}

Related searches

foggy grey color palettemystical neutral colorsserene moor aestheticminimalist grey brandingcalm earthy tones

Palette colors

Hex values

Color 1#727A79
·
Color 2#99A1A1
·
Color 3#C7CDCD
·
Color 4#4B5251
·
Color 5#2C3030
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
1.8:1Fail
3:1AA18
2
1.7:1Fail
1.6:1Fail
3:1AA18
5.1:1AA
3
2.7:1Fail
1.6:1Fail
5:1AA
8.3:1AAA
4
1.8:1Fail
3:1AA18
5:1AA
1.7:1Fail
5
3:1AA18
5.1:1AA
8.3:1AAA
1.7:1Fail

Similar palettes

More like Mystical Foggy Moor

View all neutral
Misty Alpine Peak
Misty Mountain Dawn
Quiet Mountain Haze
Cloud Burst Horizon
Cloud Kissed Peak
Coastal Driftwood Grey