Palette

Forest Shaded Green

A range of calming greens, from dark forest shades to lighter, sun-dappled foliage.

monochromecalm5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Shaded Green 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 Forest Shaded Green.

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

Data visualization

#0A1B0A#1C381C#325C32#558A55#80B080

Palette guide

How to use Forest Shaded Green

Overview

The Forest Shaded Green palette offers a range of calming greens, from dark forest shades like #0A1B0A to lighter, sun-dappled foliage tones such as #80B080. This monochrome collection, featuring the deep #1C381C, rich #325C32, and vibrant #558A55, is perfect for designers and developers seeking to convey tranquility, depth, and the serene beauty of nature. Its gradual progression of green hues allows for creating sophisticated and harmonious compositions, ideal for projects that require a focused, calming, and naturally elegant aesthetic in digital interfaces, branding, or environmental designs.

Best used for

Eco-friendly and sustainable brand identities
Calming meditation and wellness applications
Minimalist nature photography presentations
Sustainable architecture and urban planning visuals
Serene spa and retreat website designs
Deep forest-themed game levels and environments

Suggested color roles

primary

Utilize #0A1B0A as the deepest, anchoring green for main branding, large backgrounds, or profound graphical elements, providing stability.

secondary

Apply #325C32 for supporting sections, navigation elements, or as a rich, mid-tone green that adds depth without heaviness.

accent

Employ #80B080 as a light, refreshing highlight for calls-to-action, interactive elements, or subtle visual cues.

background

Use #1C381C for a dark, immersive background that enhances the calming feel, allowing lighter greens to emerge gracefully.

text

For light text on dark backgrounds, #80B080 offers excellent readability and a luminous quality. For a more subtle contrast, #558A55 works well.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter greens like #80B080 on darker shades like #0A1B0A or #1C381C.
Avoid using #1C381C for small text on similarly dark backgrounds without testing for legibility.
The lightest color, #80B080, provides strong contrast against the darkest tones for essential information.
Consider larger font sizes for text set in #325C32 on #1C381C to improve readability.

Recommended combinations

Deep Woods

Ideal for a primary brand identity or dark mode interface, providing profound depth with a clear, refreshing accent.

#0A1B0A · #1C381C · #80B080

Shaded Foliage

Perfect for secondary content, backgrounds, or illustrations, emphasizing the gradual shift from mid-tone to light greens.

#325C32 · #558A55 · #80B080

Calm Gradient

Excellent for text-heavy sections or data visualization, providing strong contrast and a harmonious, calming aesthetic.

#1C381C · #558A55 · #0A1B0A

CSS variables

:root {
  --forest-shaded-green-1: #0A1B0A;
  --forest-shaded-green-2: #1C381C;
  --forest-shaded-green-3: #325C32;
  --forest-shaded-green-4: #558A55;
  --forest-shaded-green-5: #80B080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-shaded-green": {
        1: "#0A1B0A",
        2: "#1C381C",
        3: "#325C32",
        4: "#558A55",
        5: "#80B080",
      }
    }
  }
}

Hex values

Color 1#0A1B0A

Color 2#1C381C

Color 3#325C32

Color 4#558A55

Color 5#80B080

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

4.4:1AA18

7.2:1AAA

1.4:1Fail

1.7:1Fail

3.2:1AA18

5.2:1AA

2.3:1Fail

1.7:1Fail

1.9:1Fail

3.1:1AA18

4.4:1AA18

3.2:1AA18

1.9:1Fail

1.6:1Fail

7.2:1AAA

5.2:1AA

3.1:1AA18

1.6:1Fail

Similar palettes

More like Forest Shaded Green

Enchanted Moss Glimmer

Forest Canopy Slumber

Forest Fern Grotto