Palette

Verdant Garden Paths

A calming collection of greens that evoke walking through a lush botanical garden, full of life and tranquility.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Garden Paths 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 Verdant Garden Paths.

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

Data visualization

#223F2F#4A6F44#7BBF68#A4D98C#D7EFC0

Palette guide

How to use Verdant Garden Paths

Overview

The Verdant Garden Paths palette offers a refreshing gradient of greens, from the deep and grounding #223F2F to the airy and bright #D7EFC0. This collection masterfully captures the essence of a serene botanical garden, perfect for designs requiring a sense of growth, tranquility, and freshness. The vibrant #7BBF68 provides a lively mid-tone, beautifully complemented by the more muted Dark Sage Green #4A6F44 and the soft Pale Green #A4D98C. Designers and developers will find this palette excellent for creating user interfaces, branding, or digital content that feels organic, inviting, and naturally uplifting, guiding the user through a verdant visual journey.

Best used for

Botanical and floral design studios
Gardening and landscaping services
Health and wellness product branding
Children's educational platforms (nature focus)
Eco-conscious lifestyle blogs
Farmer's market website design

Suggested color roles

primary

#223F2F (Deep Forest Green) - Ideal for strong headers, navigation, or footer sections, providing a solid, elegant foundation.

secondary

#4A6F44 (Dark Sage Green) - Use for subheadings, key information panels, or background elements where a rich, yet softer green is desired.

accent

#7BBF68 (Light Sage Green) - An energetic accent for calls-to-action, interactive elements, or progress indicators, drawing attention effectively.

background

#A4D98C (Pale Green) - A gentle and spacious background for main content areas, offering excellent readability for darker text.

text

#223F2F (Deep Forest Green) - Provides superb contrast for body text against lighter backgrounds like #A4D98C or #D7EFC0, ensuring clarity.

Accessibility notes

#D7EFC0 as a background requires very dark text like #223F2F for optimal readability.
#7BBF68 and #A4D98C may not offer sufficient contrast for text against each other; use for distinct elements.
The darkest greens, #223F2F and #4A6F44, pair well with white or light grey text for accessible contrast.
Ensure interactive elements using lighter greens have a clear focus state with adequate contrast.

Recommended combinations

Garden Depth

Elegant and sophisticated branding for luxury garden supplies or botanical art.

#223F2F · #4A6F44 · #7BBF68

Fresh Growth

Light, airy interfaces for health apps or spring-themed promotions.

#A4D98C · #D7EFC0 · #7BBF68

Verdant Trail

Balanced designs for informational websites or educational content about nature.

#4A6F44 · #A4D98C · #223F2F

CSS variables

:root {
  --verdant-garden-paths-1: #223F2F;
  --verdant-garden-paths-2: #4A6F44;
  --verdant-garden-paths-3: #7BBF68;
  --verdant-garden-paths-4: #A4D98C;
  --verdant-garden-paths-5: #D7EFC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-garden-paths": {
        1: "#223F2F",
        2: "#4A6F44",
        3: "#7BBF68",
        4: "#A4D98C",
        5: "#D7EFC0",
      }
    }
  }
}

Hex values

Color 1#223F2F

Color 2#4A6F44

Color 3#7BBF68

Color 4#A4D98C

Color 5#D7EFC0

Accessibility

Contrast checker

2:1Fail

5.2:1AA

7.1:1AAA

9.3:1AAA

2:1Fail

2.6:1Fail

3.5:1AA18

4.7:1AA

5.2:1AA

2.6:1Fail

1.4:1Fail

1.8:1Fail

7.1:1AAA

3.5:1AA18

1.4:1Fail

1.3:1Fail

9.3:1AAA

4.7:1AA

1.8:1Fail

1.3:1Fail

Similar palettes

More like Verdant Garden Paths

View all earth

Botanical Bloom Clay

Botanical Herb Garden

Botanical Leaf Veins

Botanical Sketchbook

Enchanted Forest Bloom

Forest Canopy Gold