Back to palettes

Palette

Deep Forest Solstice

Rich, deep greens and almost-black hues capture the essence of a hidden forest at its darkest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Forest Solstice 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 Deep Forest Solstice.

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

Data visualization

#1A2B2C#2F4F4F#0D1E22#405D5D#1E3B3B

Palette guide

How to use Deep Forest Solstice

Overview

The 'Deep Forest Solstice' palette captures the essence of a hidden forest at its darkest, offering a very dark, muted array of deep greens and almost-black teals. From the profound #0D1E22 to the subtly lighter #405D5D, this collection includes sophisticated shades like #1A2B2C, #2F4F4F, and #1E3B3B. This palette is designed for designers and developers who aim to create truly immersive, mysterious, and high-end experiences. It exudes a somber elegance, perfect for projects requiring a minimalist, luxurious, or intensely moody aesthetic, especially in dark mode applications.

Best used for

  • Luxury brand websites and digital interfaces
  • High-end dark mode themes for applications
  • Architectural rendering and abstract art
  • Moody photography and cinematic aesthetics
  • Sophisticated fashion and jewelry branding
  • Exclusive event invitations and marketing

Suggested color roles

primary

#0D1E22 serves as the deepest, almost-black base, ideal for ultimate dark mode backgrounds and foundational elements.

secondary

#1A2B2C provides a supporting dark teal-green, perfect for navigation, subtle dividers, or secondary content blocks.

accent

#405D5D offers a subtle lighter accent, useful for delicate borders, small icons, or to provide a hint of detail without breaking the dark mood.

background

Utilize #0D1E22 for an all-encompassing, dark background that creates a sense of depth and luxury.

text

White or a very light grey is absolutely essential for text readability across all colors in this extremely dark palette. Avoid any darker text colors.

Accessibility notes

  • All colors are extremely dark; ensure maximum contrast for all text (white or very light grey) to meet WCAG AA standards.
  • Use generous font sizes and clear, sans-serif typefaces to enhance readability on these deep backgrounds.
  • Avoid using the darkest colors for small text or critical information, as contrast can be challenging even with white text.
  • Ensure interactive elements have strong visual feedback (e.g., hover states) that is distinct from the background.

Recommended combinations

Deepest Shadow

Creates an ultra-dark, layered background, perfect for achieving a truly immersive and mysterious dark mode experience.

#0D1E22 · #1A2B2C · #1E3B3B

Subtle Depth

Offers a gentle gradient of dark teal-greens, suitable for textured backgrounds, subtle dividers, or data visualization.

#1A2B2C · #2F4F4F · #405D5D

Dark Serenity

Pairs the darkest tone with a lighter accent for minimalist designs, highlighting key elements with understated elegance.

#0D1E22 · #405D5D · #2F4F4F

CSS variables

:root {
  --deep-forest-solstice-1: #1A2B2C;
  --deep-forest-solstice-2: #2F4F4F;
  --deep-forest-solstice-3: #0D1E22;
  --deep-forest-solstice-4: #405D5D;
  --deep-forest-solstice-5: #1E3B3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-solstice": {
        1: "#1A2B2C",
        2: "#2F4F4F",
        3: "#0D1E22",
        4: "#405D5D",
        5: "#1E3B3B",
      }
    }
  }
}

Related searches

dark mode green palettedeep forest shadow colorssophisticated dark tealmoody woodland schememinimalist dark design

Palette colors

Hex values

Color 1#1A2B2C
·
Color 2#2F4F4F
·
Color 3#0D1E22
·
Color 4#405D5D
·
Color 5#1E3B3B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.2:1Fail
2.1:1Fail
1.2:1Fail
2
1.6:1Fail
1.9:1Fail
1.3:1Fail
1.3:1Fail
3
1.2:1Fail
1.9:1Fail
2.4:1Fail
1.4:1Fail
4
2.1:1Fail
1.3:1Fail
2.4:1Fail
1.7:1Fail
5
1.2:1Fail
1.3:1Fail
1.4:1Fail
1.7:1Fail

Similar palettes

More like Deep Forest Solstice

View all dark
Ancient Woodland Path
Midnight Forest Trail
Shadowed Forest Realm
Ancient Forest Depths
Dark Forest Canopy
Dark Forest Glade