Back to palettes

Palette

Mythic Wood Mist

Deep, atmospheric greens shrouded in a mysterious haze, hinting at ancient woodland secrets.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mythic Wood 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 Mythic Wood Mist.

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

Data visualization

#1C3737#2D5A5A#448181#6AA0A0#99CACA

Palette guide

How to use Mythic Wood Mist

Overview

The 'Mythic Wood Mist' palette conjures deep, atmospheric greens shrouded in a mysterious haze, hinting at ancient woodland secrets. This collection features a profound dark teal, #1C3737, a rich forest teal, #2D5A5A, and a balanced mid-tone, #448181. Lighter, ethereal shades like #6AA0A0 and #99CACA provide a misty, translucent quality, perfect for evoking depth and intrigue. For designers and developers, this palette is excellent for creating immersive, mysterious, and elegant digital environments, branding for fantasy or mystery genres, or sophisticated interfaces that require a cool, enigmatic touch.

Best used for

  • Mystery novel cover designs and websites
  • Fantasy game UI and atmospheric art
  • Elegant web design for sophisticated brands
  • Spa and wellness branding for calm environments
  • Dark mode themes requiring depth and coolness
  • Cinematic and theatrical production design

Suggested color roles

primary

Use #1C3737 as the deep, grounding base for backgrounds or primary structural elements, evoking profound mystery.

secondary

Employ #2D5A5A for content blocks, navigation, or to add a layer of rich, supporting color.

accent

Apply #99CACA for misty highlights, interactive elements, or delicate details that need to appear ethereal.

background

Excellent for dark, atmospheric themes using #1C3737 or #2D5A5A, providing a serene and immersive backdrop.

text

White or a very light gray like #99CACA ensures excellent readability on darker shades. For lighter backgrounds, a deep charcoal is suitable.

Accessibility notes

  • Ensure high contrast for light text on #1C3737, #2D5A5A, and #448181 for optimal readability.
  • Avoid using #99CACA for small text on #6AA0A0, as contrast may be insufficient.
  • When using lighter teals as text on a white background, verify sufficient contrast ratios (e.g., 4.5:1).
  • Consider larger font sizes or bolding for text elements on mid-tone teals to enhance legibility.

Recommended combinations

Deep Mist

A strong, dark base with a rich teal and a misty highlight for a mysterious, atmospheric feel.

#1C3737 · #2D5A5A · #99CACA

Ethereal Wood

Combine mid-to-light tones for a soft, ethereal gradient effect, ideal for subtle background graphics.

#448181 · #6AA0A0 · #99CACA

Shadowed Grove

Layer different teal shades for a rich, textured, and shadowed look, perfect for illustrations.

#1C3737 · #448181 · #6AA0A0

CSS variables

:root {
  --mythic-wood-mist-1: #1C3737;
  --mythic-wood-mist-2: #2D5A5A;
  --mythic-wood-mist-3: #448181;
  --mythic-wood-mist-4: #6AA0A0;
  --mythic-wood-mist-5: #99CACA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mythic-wood-mist": {
        1: "#1C3737",
        2: "#2D5A5A",
        3: "#448181",
        4: "#6AA0A0",
        5: "#99CACA",
      }
    }
  }
}

Related searches

wood mist colorsdeep teal palettemysterious forest themeelegant dark greenatmospheric web design

Palette colors

Hex values

Color 1#1C3737
·
Color 2#2D5A5A
·
Color 3#448181
·
Color 4#6AA0A0
·
Color 5#99CACA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
4.3:1AA18
7.1:1AAA
2
1.6:1Fail
1.7:1Fail
2.6:1Fail
4.3:1AA18
3
2.8:1Fail
1.7:1Fail
1.5:1Fail
2.5:1Fail
4
4.3:1AA18
2.6:1Fail
1.5:1Fail
1.6:1Fail
5
7.1:1AAA
4.3:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Mythic Wood Mist

View all dark
Ancient Forest Depths
Deep Forest Silence
Dark Forest Glade
Dark Forest Undergrowth
Dark Woodland Shade
Deep Forest Canopy