Back to palettes

Palette

Velvet Forest Depths

Rich, shadowed greens and deep teals evoke the mysterious, quiet heart of an ancient, dense forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Forest Depths 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 Velvet Forest Depths.

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

Data visualization

#0A1F0A#1A3F1A#2E4F2E#4F6F4F#7F9F7F

Palette guide

How to use Velvet Forest Depths

Overview

The Velvet Forest Depths palette offers a serene and profound collection of dark, earthy greens, evoking the quiet mystery of an ancient forest. Starting with the nearly black #0A1F0A and progressing through the rich #1A3F1A and #2E4F2E, it provides a strong, grounding foundation for any design. Lighter shades like #4F6F4F and #7F9F7F introduce subtle highlights and breathability, preventing the palette from feeling too heavy. This set is perfect for designers and developers aiming to convey natural sophistication, tranquility, or a touch of the enigmatic, creating a deeply immersive visual experience.

Best used for

  • Nature-themed websites or apps
  • Eco-friendly brand identity
  • Wellness and meditation platforms
  • Documentary film branding
  • Dark mode UI themes
  • Outdoor adventure gear branding

Suggested color roles

primary

Use #0A1F0A, the deepest green, for main backgrounds, footers, or large content sections, providing a sense of depth and stability.

secondary

Apply #1A3F1A, a slightly lighter dark green, suitable for navigation, secondary panels, or card backgrounds.

accent

Employ #7F9F7F, the lightest green, excellent for subtle highlights, interactive elements, or hover states, offering a soft contrast.

background

Utilize #2E4F2E, a mid-tone dark green, versatile for content areas, offering a muted canvas for text and imagery.

text

Consider #4F6F4F for primary body text on darker backgrounds, or use white/light gray for optimal readability and accessibility.

Accessibility notes

  • Always use white or a very light off-white for text on the darkest greens (#0A1F0A, #1A3F1A) to ensure WCAG AA compliance.
  • #7F9F7F offers better contrast against darker greens for smaller text or UI elements, but test carefully.
  • Avoid using #4F6F4F for small text on #2E4F2E backgrounds; contrast might be insufficient for readability.
  • Ensure interactive elements have distinct hover/focus states, possibly using #7F9F7F against a darker primary.

Recommended combinations

Deep Forest Base

Strong, dark base with the lightest green for calls to action or key information for a natural, grounded feel.

#0A1F0A · #1A3F1A · #7F9F7F

Misty Grove

Balanced mid-tones for content, with the darkest green for headings or important distinctions.

#2E4F2E · #4F6F4F · #0A1F0A

Subtle Highlights

Dark background with soft, natural highlights for a calming, understated effect in UI elements.

#1A3F1A · #7F9F7F · #4F6F4F

CSS variables

:root {
  --velvet-forest-depths-1: #0A1F0A;
  --velvet-forest-depths-2: #1A3F1A;
  --velvet-forest-depths-3: #2E4F2E;
  --velvet-forest-depths-4: #4F6F4F;
  --velvet-forest-depths-5: #7F9F7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-forest-depths": {
        1: "#0A1F0A",
        2: "#1A3F1A",
        3: "#2E4F2E",
        4: "#4F6F4F",
        5: "#7F9F7F",
      }
    }
  }
}

Related searches

dark green color paletteforest inspired ui colorsmysterious nature paletteeco-friendly brand colorsdeep green web design

Palette colors

Hex values

Color 1#0A1F0A
·
Color 2#1A3F1A
·
Color 3#2E4F2E
·
Color 4#4F6F4F
·
Color 5#7F9F7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.9:1Fail
3.1:1AA18
5.9:1AA
2
1.5:1Fail
1.3:1Fail
2.1:1Fail
4.1:1AA18
3
1.9:1Fail
1.3:1Fail
1.6:1Fail
3.2:1AA18
4
3.1:1AA18
2.1:1Fail
1.6:1Fail
1.9:1Fail
5
5.9:1AA
4.1:1AA18
3.2:1AA18
1.9:1Fail

Similar palettes

More like Velvet Forest Depths

View all dark
Deep Undergrowth Shadow
Verdant Gloom Woods
Dark Forest Canopy
Dark Forest Lore
Dark Forest Undergrowth
Deep Forest Canopy