Back to palettes

Palette

Verdant Gloom Trails

Deep, cool greys and subtle blues mimic the mysterious tranquility of a shadowed forest path.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Gloom Trails 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 Verdant Gloom Trails.

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

Data visualization

#2C3539#444E57#616A74#848D96#A7B0B8

Palette guide

How to use Verdant Gloom Trails

Overview

The Verdant Gloom Trails palette evokes the mysterious tranquility of a shadowed forest path, offering a sophisticated gradient of cool greys with subtle blue undertones. Ranging from the deep Deep Charcoal Grey #2C3539 to the airy Very Light Grey Blue #A7B0B8, this collection is perfect for designs requiring a modern, minimalist, and slightly enigmatic aesthetic. The Dark Slate Grey #444E57 provides a solid mid-tone, beautifully complemented by the more prominent blue of Medium Grey Blue #616A74 and Light Grey Blue #848D96. Designers and developers can leverage this palette to create sleek, professional, and understated digital experiences, ideal for technology, corporate, or conceptual projects.

Best used for

  • Modern tech and software interfaces
  • Corporate and professional websites
  • Architectural and industrial design firms
  • Luxury automotive branding
  • Editorial design with a sophisticated edge
  • Dark mode UI themes

Suggested color roles

primary

#2C3539 (Deep Charcoal Grey) - Ideal for foundational elements, strong headers, or dark mode backgrounds, providing a powerful, elegant anchor.

secondary

#444E57 (Dark Slate Grey) - Use for subheadings, navigation, or content panels, offering a harmonious and slightly lighter supporting tone.

accent

#616A74 (Medium Grey Blue) - A subtle yet distinctive accent for interactive elements, icons, or progress bars, adding a touch of cool sophistication.

background

#848D96 (Light Grey Blue) - A clean and versatile background for main content areas, ensuring excellent readability for darker text.

text

#2C3539 (Deep Charcoal Grey) - Provides superb contrast for body text against lighter backgrounds like #848D96 or #A7B0B8, ensuring clarity.

Accessibility notes

  • #A7B0B8 as a background requires very dark text, such as #2C3539, for optimal readability.
  • Ensure sufficient contrast when using #848D96 with lighter text; dark text is always recommended.
  • The darker greys (#2C3539, #444E57) provide excellent contrast with white or off-white text for headings.
  • Avoid using #616A74 on #848D96 for small text due to potential low contrast; use for larger elements.

Recommended combinations

Deep Gloom

Creates a sophisticated, mysterious aesthetic for luxury brands or conceptual art.

#2C3539 · #444E57 · #616A74

Misty Path

Clean and minimalist interfaces for modern tech companies or professional services.

#A7B0B8 · #848D96 · #444E57

Shadow Play

Balanced designs for data dashboards or elegant editorial layouts.

#616A74 · #2C3539 · #848D96

CSS variables

:root {
  --verdant-gloom-trails-1: #2C3539;
  --verdant-gloom-trails-2: #444E57;
  --verdant-gloom-trails-3: #616A74;
  --verdant-gloom-trails-4: #848D96;
  --verdant-gloom-trails-5: #A7B0B8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-gloom-trails": {
        1: "#2C3539",
        2: "#444E57",
        3: "#616A74",
        4: "#848D96",
        5: "#A7B0B8",
      }
    }
  }
}

Related searches

dark grey blue palettecool grey color schememysterious forest colorssophisticated dark modeminimalist blue grey design

Palette colors

Hex values

Color 1#2C3539
·
Color 2#444E57
·
Color 3#616A74
·
Color 4#848D96
·
Color 5#A7B0B8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.7:1AA18
5.7:1AA
2
1.5:1Fail
1.5:1Fail
2.5:1Fail
3.9:1AA18
3
2.3:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.7:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
5.7:1AA
3.9:1AA18
2.5:1Fail
1.5:1Fail

Similar palettes

More like Verdant Gloom Trails

View all dark
Ancient Forest Depths
Dark Forest Cloak
Dark Forest Glade
Deep Forest Twilight
Forbidden Forest Gloom
Nocturnal Woodland Shade