Back to palettes

Palette

Whimsical Forest Floor

Playful greens and earthy tones, capturing the magical, intricate details of a mossy forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whimsical Forest Floor 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 Whimsical Forest Floor.

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

Data visualization

#4F6D43#7CA86B#BBD1A8#2A4A24#9AD18A

Palette guide

How to use Whimsical Forest Floor

Overview

The Whimsical Forest Floor palette captures the enchanting depth and texture of a mossy woodland, offering a sophisticated range of greens. From the rich, deep forest green (#2A4A24) to the lively moss green (#4F6D43), balanced by lighter, airy tones like #7CA86B, #BBD1A8, and #9AD18A, this collection is perfect for projects seeking a natural, organic, and slightly mysterious feel. Designers can utilize these hues to convey growth, tranquility, and an connection to nature, making it excellent for eco-conscious branding, outdoor-themed content, or serene digital environments.

Best used for

  • Eco-friendly product branding and packaging
  • Nature photography websites and portfolios
  • Outdoor adventure apparel and gear design
  • Sustainable living blogs and content
  • Botanical illustration and art prints
  • Serene meditation app interfaces

Suggested color roles

primary

The robust moss green, #4F6D43, serves as a strong, grounding primary color for main sections or prominent branding.

secondary

Lighter greens like #7CA86B or #9AD18A can be used for supporting elements, subheadings, or background patterns to add depth.

accent

The brightest green, #9AD18A, provides a subtle highlight for interactive elements, call-to-action buttons, or small decorative touches.

background

The lightest shade, #BBD1A8, creates a soft, natural backdrop, allowing darker elements to stand out gently.

text

Use the deep forest green, #2A4A24, for primary text to ensure excellent readability against lighter backgrounds, or a crisp white for contrast.

Accessibility notes

  • Ensure #2A4A24 text has sufficient contrast on #BBD1A8 or #9AD18A backgrounds to meet WCAG AA standards.
  • Avoid using #7CA86B or #9AD18A as text colors on similarly light backgrounds like #BBD1A8 without a strong contrast check.
  • For interactive elements, ensure focus states use a color with high contrast against both the default state and the background.
  • Consider a slightly off-white or light cream for body text against darker greens to improve readability and reduce eye strain.

Recommended combinations

Deep Woods

Excellent for creating a sense of depth and natural elegance, ideal for corporate eco-branding.

#2A4A24 · #4F6D43 · #BBD1A8

Mossy Path

Perfect for light, airy nature themes, or backgrounds that feel fresh and inviting.

#7CA86B · #9AD18A · #BBD1A8

Enchanted Canopy

Creates a vibrant yet harmonious feel, suitable for botanical designs or playful outdoor themes.

#4F6D43 · #9AD18A · #7CA86B

CSS variables

:root {
  --whimsical-forest-floor-1: #4F6D43;
  --whimsical-forest-floor-2: #7CA86B;
  --whimsical-forest-floor-3: #BBD1A8;
  --whimsical-forest-floor-4: #2A4A24;
  --whimsical-forest-floor-5: #9AD18A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-forest-floor": {
        1: "#4F6D43",
        2: "#7CA86B",
        3: "#BBD1A8",
        4: "#2A4A24",
        5: "#9AD18A",
      }
    }
  }
}

Related searches

natural green color schemeforest moss paletteearthy green hex codesorganic nature colorsserene woodland palette

Palette colors

Hex values

Color 1#4F6D43
·
Color 2#7CA86B
·
Color 3#BBD1A8
·
Color 4#2A4A24
·
Color 5#9AD18A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.6:1AA18
1.7:1Fail
3.3:1AA18
2
2.1:1Fail
1.7:1Fail
3.6:1AA18
1.5:1Fail
3
3.6:1AA18
1.7:1Fail
6.1:1AA
1.1:1Fail
4
1.7:1Fail
3.6:1AA18
6.1:1AA
5.6:1AA
5
3.3:1AA18
1.5:1Fail
1.1:1Fail
5.6:1AA

Similar palettes

More like Whimsical Forest Floor

View all earth
Emerald Canopy Hush
Enchanted Glade Moss
Enchanted Moss Garden
Forest Floor Moss
Forest Floor Moss
Forest Moss Trail