Back to palettes

Palette

Botanical Fern Bloom

A harmonious monochromatic exploration of deep and fresh greens found in a verdant fern garden.

monochromenatural5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Fern Bloom 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 Botanical Fern Bloom.

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

Data visualization

#4A604A#779B77#A0C3A0#CDE2CD#2C422C

Palette guide

How to use Botanical Fern Bloom

Overview

The Botanical Fern Bloom palette is a harmonious monochromatic exploration of deep and fresh greens found in a verdant fern garden. This serene collection features a deep forest green #4A604A, a softer moss green #779B77, a gentle light green #A0C3A0, a delicate pale green #CDE2CD, and a robust dark green #2C422C. Designers can leverage these colors to create projects with an organic, tranquil, and sophisticated feel. Developers will find these hues provide a harmonious and calming user experience, ideal for websites or applications aiming for a natural, minimalist aesthetic with a touch of serene growth, reminiscent of a peaceful, shaded fern grove.

Best used for

  • Botanical garden and nursery websites
  • Wellness and eco-friendly brand identity
  • Nature photography portfolios
  • Sustainable product packaging
  • Meditation and mindfulness app design
  • Digital art depicting forest or natural scenes

Suggested color roles

primary

#2C422C - A robust dark green that firmly grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#4A604A - A deep forest green that offers a strong, natural complement, suitable for subheadings, secondary interactive elements, or content blocks.

accent

#779B77 - A softer moss green that provides a gentle accent, best used sparingly for highlights, icons, or decorative details.

background

#CDE2CD - A delicate pale green that creates an airy, fresh canvas, allowing the deeper greens to emerge peacefully.

text

Use a deep green like #2C422C or a dark charcoal for body text against lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

  • Ensure sufficient contrast when using #2C422C or #4A604A for text against #A0C3A0 or #CDE2CD.
  • Avoid pairing #A0C3A0 and #CDE2CD for text and background, as their low contrast will significantly hinder readability.
  • Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
  • For small text, prioritize higher contrast pairings to ensure legibility, especially with the lighter green tones.

Recommended combinations

Forest Depths

Creates a deep, calming green gradient, ideal for main content areas or robust branding.

#2C422C · #4A604A · #779B77

Fern Light

Offers a light and airy feel with a touch of depth, perfect for backgrounds and subtle layering.

#CDE2CD · #A0C3A0 · #779B77

Monochromatic Contrast

Provides clear readability with a natural aesthetic, suitable for text-heavy sections or minimalist interfaces.

#2C422C · #CDE2CD · #4A604A

CSS variables

:root {
  --botanical-fern-bloom-1: #4A604A;
  --botanical-fern-bloom-2: #779B77;
  --botanical-fern-bloom-3: #A0C3A0;
  --botanical-fern-bloom-4: #CDE2CD;
  --botanical-fern-bloom-5: #2C422C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-fern-bloom": {
        1: "#4A604A",
        2: "#779B77",
        3: "#A0C3A0",
        4: "#CDE2CD",
        5: "#2C422C",
      }
    }
  }
}

Related searches

monochromatic green palettebotanical fern colorsnatural garden greenstranquil forest designdeep moss green scheme

Palette colors

Hex values

Color 1#4A604A
·
Color 2#779B77
·
Color 3#A0C3A0
·
Color 4#CDE2CD
·
Color 5#2C422C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
3.5:1AA18
5:1AA
1.6:1Fail
2
2.2:1Fail
1.6:1Fail
2.3:1Fail
3.5:1AA18
3
3.5:1AA18
1.6:1Fail
1.4:1Fail
5.6:1AA
4
5:1AA
2.3:1Fail
1.4:1Fail
8:1AAA
5
1.6:1Fail
3.5:1AA18
5.6:1AA
8:1AAA

Similar palettes

More like Botanical Fern Bloom

View all monochrome
Verdant Shade Study
Ancient Temple Moss
Desert Sand Texture
Emerald Canopy Sun
Emerald Glade
Forest Canopy Verdant