Back to palettes

Palette

Verdant Stone Lore

The subtle, enduring hues of aged stone embraced by soft, verdant moss in a quiet forest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Stone Lore 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 Stone Lore.

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

Data visualization

#4F5E48#6B8E23#A9A9A9#8B8B8B#2E8B57

Palette guide

How to use Verdant Stone Lore

Overview

The Verdant Stone Lore palette captures the subtle, enduring hues of aged stone embraced by soft, verdant moss in a quiet forest. This collection beautifully blends earthy greens with cool, solid grays, creating a balanced and grounded aesthetic. Key greens include the deep #4F5E48, the vibrant olive #6B8E23, and the fresh #2E8B57. These are perfectly complemented by the robust grays #A9A9A9 and #8B8B8B, which lend a sense of permanence and natural texture. Designers can use this palette to evoke stability, natural heritage, and understated elegance, making it ideal for architectural, historical, or eco-conscious branding.

Best used for

  • Architectural and landscape design firms
  • Heritage and historical preservation websites
  • Eco-conscious fashion or home goods
  • Outdoor living and garden products
  • Museum and gallery branding
  • Sustainable construction materials

Suggested color roles

primary

#4F5E48 serves as a strong, earthy primary for backgrounds or major sections, providing a natural, grounding presence.

secondary

#2E8B57 offers a fresh, vibrant green for subheadings, calls-to-action, or supportive graphics, adding life.

accent

#6B8E23 acts as a distinct olive accent, drawing attention to key information or interactive elements, adding character.

background

#A9A9A9 or #8B8B8B can provide a cool, stable background, allowing greens to stand out clearly.

text

Use #4F5E48 for body text on light backgrounds like white or a very light gray. For dark backgrounds like #4F5E48, use white or a light gray like #A9A9A9.

Accessibility notes

  • Ensure sufficient contrast for dark green text (e.g., #4F5E48) on light grey backgrounds (e.g., #A9A9A9).
  • #6B8E23 on #8B8B8B may have acceptable contrast for larger text, but check for small text.
  • #2E8B57 provides good contrast against #A9A9A9 for clear readability.
  • Always check contrast ratios when pairing the grays with each other or with lighter greens for text legibility.

Recommended combinations

Moss on Stone

Creates a classic, natural contrast for main content, blending greens with solid grays.

#4F5E48 · #A9A9A9 · #2E8B57

Ancient Path

A balanced combination for secondary sections, giving a sense of history and organic texture.

#8B8B8B · #6B8E23 · #4F5E48

Verdant Relic

Ideal for clean, modern designs, with a neutral background and vibrant green accents.

#A9A9A9 · #2E8B57 · #6B8E23

CSS variables

:root {
  --verdant-stone-lore-1: #4F5E48;
  --verdant-stone-lore-2: #6B8E23;
  --verdant-stone-lore-3: #A9A9A9;
  --verdant-stone-lore-4: #8B8B8B;
  --verdant-stone-lore-5: #2E8B57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-stone-lore": {
        1: "#4F5E48",
        2: "#6B8E23",
        3: "#A9A9A9",
        4: "#8B8B8B",
        5: "#2E8B57",
      }
    }
  }
}

Related searches

moss green and grey palettenatural stone colorsearthy green cool tonessustainable design colorsforest and rock palette

Palette colors

Hex values

Color 1#4F5E48
·
Color 2#6B8E23
·
Color 3#A9A9A9
·
Color 4#8B8B8B
·
Color 5#2E8B57
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1Fail
2:1Fail
1.6:1Fail
2
1.8:1Fail
1.6:1Fail
1.1:1Fail
1.1:1Fail
3
3:1Fail
1.6:1Fail
1.4:1Fail
1.8:1Fail
4
2:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
5
1.6:1Fail
1.1:1Fail
1.8:1Fail
1.2:1Fail

Similar palettes

More like Verdant Stone Lore

View all earth