Back to palettes

Palette

Spring Fern Canopy

Captures the vibrant and lush regrowth of a forest canopy after spring rain.

CoolNatural5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spring Fern Canopy 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 Spring Fern Canopy.

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

Data visualization

#7CFC00#ADFF2F#6B8E23#D3D3D3#FFFFFF

Palette guide

How to use Spring Fern Canopy

Overview

The Spring Fern Canopy palette captures the vibrant and lush regrowth of a forest canopy after spring rain, blending lively greens with neutral tones. It features the incredibly bright #7CFC00, a slightly softer #ADFF2F, and the deep, earthy #6B8E23. These greens are beautifully balanced by the light grey #D3D3D3 and pure white #FFFFFF. This palette is an excellent choice for designers aiming to create fresh, energetic, and naturally inspired visuals. Its blend of vivid greens with clean neutrals makes it versatile for projects that require a sense of vitality, growth, and modern naturalism, from digital interfaces to outdoor branding.

Best used for

  • Eco-friendly product branding and packaging
  • Outdoor adventure and sports marketing
  • Nature-themed websites and mobile apps
  • Gardening and landscaping business identity
  • Lively and modern UI/UX designs
  • Spring and summer event promotions

Suggested color roles

primary

Use #7CFC00 as a bold primary accent for call-to-action buttons or critical alerts, ensuring high visibility and energy.

secondary

Employ #ADFF2F for larger content sections or secondary navigation, providing a fresh and inviting background.

accent

Introduce #6B8E23 for strong accents, icons, or grounding elements, adding depth and natural sophistication.

background

Utilize #FFFFFF for clean, crisp backgrounds that make the greens pop, or #D3D3D3 for a soft, neutral base.

text

For optimal readability, pair these greens with dark charcoal or black text. White text works well on #6B8E23.

Accessibility notes

  • The very bright greens (#7CFC00, #ADFF2F) have low contrast with white; avoid using them for small text on white backgrounds.
  • Always ensure dark text (black or dark grey) is used on #D3D3D3 and #FFFFFF for readability.
  • White text provides good contrast on #6B8E23; verify WCAG compliance for larger text elements.
  • For interactive elements, ensure distinct visual cues beyond color, especially for the bright greens, to indicate states.

Recommended combinations

Vibrant Forest

A high-contrast, energetic blend perfect for bold branding or impactful digital elements.

#FFFFFF · #7CFC00 · #6B8E23

Canopy Light

Offers a softer, yet still fresh combination, ideal for backgrounds with natural accents.

#D3D3D3 · #ADFF2F · #6B8E23

Fresh Contrast

Provides a clean, modern look, excellent for highlighting content with a vibrant touch.

#FFFFFF · #ADFF2F · #D3D3D3

CSS variables

:root {
  --spring-fern-canopy-1: #7CFC00;
  --spring-fern-canopy-2: #ADFF2F;
  --spring-fern-canopy-3: #6B8E23;
  --spring-fern-canopy-4: #D3D3D3;
  --spring-fern-canopy-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-fern-canopy": {
        1: "#7CFC00",
        2: "#ADFF2F",
        3: "#6B8E23",
        4: "#D3D3D3",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

vibrant green white paletteforest spring colorslush green nature schemebright green gray palettefresh modern green branding

Palette colors

Hex values

Color 1#7CFC00
·
Color 2#ADFF2F
·
Color 3#6B8E23
·
Color 4#D3D3D3
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.9:1Fail
1.1:1Fail
1.3:1Fail
2
1.1:1Fail
3.1:1AA18
1.2:1Fail
1.2:1Fail
3
2.9:1Fail
3.1:1AA18
2.5:1Fail
3.8:1AA18
4
1.1:1Fail
1.2:1Fail
2.5:1Fail
1.5:1Fail
5
1.3:1Fail
1.2:1Fail
3.8:1AA18
1.5:1Fail

Similar palettes

More like Spring Fern Canopy

View all Cool
Forest Fern Canopy
Enchanted Forest Glow
Rain-Kissed Ferns
Ancient Cypress Shade
Forest Bathing
Ocean Jasper Tides