Back to palettes

Palette

Twilight Moor Mist

The mysterious, muted purples and grays of a vast moor enveloped in twilight mist.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Twilight Moor Mist 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 Twilight Moor Mist.

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

Data visualization

#2F4F4F#483D8B#6A5ACD#8A2BE2#C0C0C0

Palette guide

How to use Twilight Moor Mist

Overview

The "Twilight Moor Mist" palette delivers a mysterious and ethereal blend of deep purples, muted greens, and a soft grey, capturing the enigmatic beauty of a misty moor at dusk. Starting with the deep blue-green of #2F4F4F, it transitions into the rich indigo of #483D8B and the vibrant amethyst of #6A5ACD. The striking #8A2BE2 adds a touch of electric violet, while #C0C0C0 provides a cool, misty anchor. This palette is perfect for designs seeking to evoke intrigue, nature's wild beauty, or a touch of whimsical fantasy, offering a unique and sophisticated alternative to standard cool palettes.

Best used for

  • Fantasy game interfaces
  • Mystical brand identity
  • Artistic website portfolios
  • Nature-inspired apparel design
  • Spiritual or wellness content
  • Event branding with an enigmatic theme

Suggested color roles

primary

#2F4F4F or #483D8B can serve as dominant background colors, setting a mysterious and deep tone.

secondary

#6A5ACD is excellent for headers, cards, or prominent sections, offering a rich purple accent.

accent

#8A2BE2 provides a powerful pop for interactive elements, call-to-action buttons, or key highlights.

background

#2F4F4F for dark, moody themes; #C0C0C0 for a light, misty base that allows purples to shine.

text

#C0C0C0 for legible text on dark backgrounds like #2F4F4F, or dark charcoal/black for text on #C0C0C0.

Accessibility notes

  • Ensure #C0C0C0 text has adequate contrast against darker colors like #2F4F4F and #483D8B.
  • #8A2BE2 on #C0C0C0 should be checked for sufficient contrast, especially for small text.
  • Be mindful of contrast between #483D8B and #6A5ACD if used together for text/background.
  • Consider larger font sizes for text using #6A5ACD against #2F4F4F to improve readability.

Recommended combinations

Misty Depths

Creates a grounding, mysterious base with a light, legible text contrast.

#2F4F4F · #483D8B · #C0C0C0

Enchanted Bloom

Ideal for vibrant accents and energetic visual elements in a dark theme.

#483D8B · #6A5ACD · #8A2BE2

Twilight Fog

Excellent for layered backgrounds and content blocks that evoke depth and softness.

#2F4F4F · #6A5ACD · #C0C0C0

CSS variables

:root {
  --twilight-moor-mist-1: #2F4F4F;
  --twilight-moor-mist-2: #483D8B;
  --twilight-moor-mist-3: #6A5ACD;
  --twilight-moor-mist-4: #8A2BE2;
  --twilight-moor-mist-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-moor-mist": {
        1: "#2F4F4F",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

mysterious purple green palettemoorland colorstwilight fantasy thememisty nature color schemedark whimsical palette

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.7:1Fail
1.5:1Fail
4.9:1AA
2
1:1Fail
1.7:1Fail
1.5:1Fail
5:1AA
3
1.7:1Fail
1.7:1Fail
1.1:1Fail
2.9:1Fail
4
1.5:1Fail
1.5:1Fail
1.1:1Fail
3.3:1AA18
5
4.9:1AA
5:1AA
2.9:1Fail
3.3:1AA18

Similar palettes

More like Twilight Moor Mist

View all cool
Teal Abyss
Abyssal Bioluminescence
Abyssal Current Glide
Arctic Ice Cavern
Bioluminescent Abyss
Celestial Orb Glow