Back to palettes

Palette

Forest Fern Grotto

A gradient of deep to vibrant greens, echoing the secluded and lush environment of a fern-covered grotto.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Fern Grotto 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 Fern Grotto.

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

Data visualization

#1E382A#35634A#4E8E68#71B98D#9CE4B4

Palette guide

How to use Forest Fern Grotto

Overview

The Forest Fern Grotto palette presents a beautiful monochromatic gradient of deep to vibrant greens, echoing the secluded and lush environment of a fern-covered grotto. Featuring the profound #1E382A, a balanced #35634A, and the inviting #4E8E68, this collection offers a refreshing and organic aesthetic. Designers can leverage these shades for nature-inspired branding, calming user interfaces, or serene digital art. Developers will find these hex codes excellent for creating consistent, visually appealing experiences across various platforms. The inclusion of a soft #71B98D and a very pale #9CE4B4 provides versatility for backgrounds and accents, ensuring a cohesive and refreshing design.

Best used for

  • Monochromatic nature branding
  • Wellness and meditation app design
  • Botanical illustration and art
  • Eco-friendly product packaging
  • Conservation organization websites
  • Calm and focused user interfaces

Suggested color roles

primary

Use #1E382A (Deep Grotto Green) as a strong, grounding main color for headers, key elements, or calls-to-action, conveying depth and natural authority.

secondary

Apply #35634A (Forest Moss Green) for supporting content blocks, subheadings, or secondary UI components, creating a gentle visual flow.

accent

Incorporate #4E8E68 (Vibrant Fern Green) for subtle highlights, interactive states, or decorative elements, adding a fresh and approachable touch.

background

Utilize #9CE4B4 (Pale Mint Green) as a light, airy background color, providing a clean, refreshing canvas that enhances the darker greens.

text

Employ #1E382A (Deep Grotto Green) for body text on lighter backgrounds for strong readability, or a dark charcoal for universal contrast.

Accessibility notes

  • Ensure #1E382A has high contrast when used for text against #9CE4B4 to meet WCAG AA standards.
  • Avoid using #71B98D for small text on #9CE4B4 due to insufficient contrast.
  • For interactive elements, ensure distinct focus and hover states, perhaps using #4E8E68 against #9CE4B4.
  • Consider using a pure black or dark charcoal for body text if legibility with palette colors is a concern on very light backgrounds.

Recommended combinations

Grotto Depths

Excellent for creating deep, immersive backgrounds or gradients that evoke the shaded parts of a grotto.

#1E382A · #35634A · #4E8E68

Fresh Grotto

Ideal for light, airy interfaces or content blocks that convey freshness and natural growth, perfect for wellness apps.

#9CE4B4 · #71B98D · #4E8E68

Monochromatic Flow

Perfect for establishing clear visual hierarchy with natural contrasts, suitable for clean, eco-conscious web designs.

#1E382A · #9CE4B4 · #35634A

CSS variables

:root {
  --forest-fern-grotto-1: #1E382A;
  --forest-fern-grotto-2: #35634A;
  --forest-fern-grotto-3: #4E8E68;
  --forest-fern-grotto-4: #71B98D;
  --forest-fern-grotto-5: #9CE4B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-fern-grotto": {
        1: "#1E382A",
        2: "#35634A",
        3: "#4E8E68",
        4: "#71B98D",
        5: "#9CE4B4",
      }
    }
  }
}

Related searches

monochromatic green palettelush grotto color schemefern green web designcalm nature hex codesdeep green UI colors

Palette colors

Hex values

Color 1#1E382A
·
Color 2#35634A
·
Color 3#4E8E68
·
Color 4#71B98D
·
Color 5#9CE4B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
5.5:1AA
8.6:1AAA
2
1.8:1Fail
1.8:1Fail
3:1Fail
4.7:1AA
3
3.3:1AA18
1.8:1Fail
1.7:1Fail
2.6:1Fail
4
5.5:1AA
3:1Fail
1.7:1Fail
1.6:1Fail
5
8.6:1AAA
4.7:1AA
2.6:1Fail
1.6:1Fail

Similar palettes

More like Forest Fern Grotto

View all monochrome
Jade Forest Veil
Emerald River Flow
Enchanted Forest Dew
Enchanted Moss Glimmer
Forest Shaded Green
Ancient Forest Myst