Back to palettes

Palette

Deep Forest Verdure

Intense, rich greens that plunge into the mysterious depths of an ancient, untouched forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A2E2F#1C4D4E#326E6F#4A8C8D#64ADAE

Palette guide

How to use Deep Forest Verdure

Overview

The Deep Forest Verdure palette evokes the serene yet mysterious depths of an ancient woodland. Its collection of dark, cool greens, ranging from the profound #0A2E2F to the slightly brighter #4A8C8D, offers a sophisticated and tranquil aesthetic. Ideal for designers and developers aiming to create a sense of natural elegance, depth, or quiet strength. Use these hues to establish a grounding foundation in branding, user interfaces, or digital environments where a rich, organic feel is desired. The darker shades like #1C4D4E provide excellent anchors, while #64ADAE can introduce a subtle lift, maintaining a cohesive, immersive experience.

Best used for

  • Nature-themed luxury branding
  • Eco-conscious product packaging
  • Tranquil spa and wellness websites
  • High-end editorial layouts
  • Environmental advocacy platforms
  • Sophisticated app dark modes

Suggested color roles

primary

Use #0A2E2F as the foundational color for large backgrounds, primary navigation, or brand logos to establish a deep, authoritative presence.

secondary

Employ #1C4D4E for secondary sections, sub-headers, or interactive elements, providing depth while maintaining visual harmony with the primary.

accent

Introduce #4A8C8D for critical calls-to-action, progress indicators, or small decorative elements to draw attention without overwhelming the tranquil mood.

background

Apply #0A2E2F or #1C4D4E for immersive dark mode interfaces or large content blocks, creating a sophisticated and calming backdrop.

text

For optimal readability against the darker hues, use #64ADAE for headings and important text, or a crisp white/light gray for body copy.

Accessibility notes

  • Ensure sufficient contrast (AA or AAA) when pairing lighter palette colors like #64ADAE with darker backgrounds such as #0A2E2F for text.
  • Avoid using #1C4D4E for small text on #0A2E2F backgrounds; the contrast might be insufficient for accessibility.
  • Prioritize a near-white or light gray for body text against the darkest greens to guarantee optimal readability for all users.
  • Test all interactive elements, like buttons using #4A8C8D, to ensure they have adequate contrast against their background for users with low vision or color blindness.

Recommended combinations

Forest Glow

Ideal for a strong primary-secondary-accent structure, providing clear visual hierarchy in dark themes.

#0A2E2F · #326E6F · #64ADAE

Verdant Layers

Creates a harmonious gradient effect, perfect for subtle background variations, charts, or layered UI elements.

#1C4D4E · #326E6F · #4A8C8D

Misty Depths

Excellent for establishing a deep, serious tone with a single, clear accent. Suitable for professional or editorial content.

#0A2E2F · #1C4D4E · #4A8C8D

CSS variables

:root {
  --deep-forest-verdure-1: #0A2E2F;
  --deep-forest-verdure-2: #1C4D4E;
  --deep-forest-verdure-3: #326E6F;
  --deep-forest-verdure-4: #4A8C8D;
  --deep-forest-verdure-5: #64ADAE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-verdure": {
        1: "#0A2E2F",
        2: "#1C4D4E",
        3: "#326E6F",
        4: "#4A8C8D",
        5: "#64ADAE",
      }
    }
  }
}

Related searches

deep green color paletteforest green hex codesdark nature color schemetranquil green brand colorsmysterious green ui colors

Palette colors

Hex values

Color 1#0A2E2F
·
Color 2#1C4D4E
·
Color 3#326E6F
·
Color 4#4A8C8D
·
Color 5#64ADAE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
3.8:1AA18
5.6:1AA
2
1.5:1Fail
1.6:1Fail
2.4:1Fail
3.7:1AA18
3
2.5:1Fail
1.6:1Fail
1.5:1Fail
2.3:1Fail
4
3.8:1AA18
2.4:1Fail
1.5:1Fail
1.5:1Fail
5
5.6:1AA
3.7:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Deep Forest Verdure

View all dark
Ancient Forest Depths
Dark Forest Undergrowth
Deep Forest Canopy
Abyssal Trench Mystery
Dark Forest Glade
Dark Forest Lore