Back to palettes

Palette

Ancient Moss Rune

A palette inspired by ancient stones covered in vibrant, verdant moss found deep within forgotten woods.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Moss Rune 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 Ancient Moss Rune.

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

Data visualization

#3B5F43#5F8C64#A8B58F#C3CAA3#729F74

Palette guide

How to use Ancient Moss Rune

Overview

The Ancient Moss Rune palette draws inspiration from ancient stones covered in vibrant, verdant moss, found deep within forgotten woods. This refreshing collection features a deep forest green #3B5F43, a lively moss green #5F8C64, and a muted sage #A8B58F. Developers and designers can leverage these organic hues for projects demanding a natural, calming, or mystical aesthetic. The palette is softened by a light, airy green #C3CAA3 and grounded by a balanced medium green #729F74, providing excellent options for backgrounds, text, and decorative elements, ensuring a cohesive and tranquil visual experience that speaks of growth and timeless nature.

Best used for

  • Nature-themed websites and apps
  • Eco-friendly product packaging and branding
  • Fantasy game interfaces or concept art
  • Spa or wellness retreat marketing materials
  • Outdoor adventure gear branding
  • Blogs on gardening or sustainable living

Suggested color roles

primary

Use #3B5F43 (Deep Forest Green) for dominant sections, headers, or a strong brand base, conveying depth and natural stability.

secondary

Apply #5F8C64 (Moss Green) for supporting elements, sidebars, or interactive features, adding vibrancy and clarity.

accent

Employ #A8B58F (Muted Sage) for subtle highlights, icons, or decorative details, providing a gentle, organic focal point.

background

The lightest #C3CAA3 (Light Green) serves as an excellent, airy background, allowing darker text to stand out clearly.

text

For lighter backgrounds, use #3B5F43 or a deep charcoal black for optimal readability. For dark backgrounds, use white.

Accessibility notes

  • Ensure sufficient contrast for text when using #A8B58F (Muted Sage) on #C3CAA3 (Light Green); it may be too subtle for readability.
  • Pair #3B5F43 (Deep Forest Green) or a deep charcoal with #C3CAA3 for text to meet WCAG AA contrast standards.
  • Avoid using #5F8C64 (Moss Green) on #729F74 (Medium Green) for small text; the contrast might be insufficient.
  • The overall green and earthy nature of the palette means attention to clear visual hierarchy is important for user experience.

Recommended combinations

Forest Floor

Ideal for a natural, calming website layout with good text readability and vibrant mossy accents.

#3B5F43 · #5F8C64 · #C3CAA3

Stone & Moss

Great for content blocks, card backgrounds, or a subtle gradient, evoking moss-covered stones.

#A8B58F · #729F74 · #5F8C64

Rune Glow

Use the darkest shades for impactful headings or calls-to-action against a light, inviting background.

#C3CAA3 · #3B5F43 · #A8B58F

CSS variables

:root {
  --ancient-moss-rune-1: #3B5F43;
  --ancient-moss-rune-2: #5F8C64;
  --ancient-moss-rune-3: #A8B58F;
  --ancient-moss-rune-4: #C3CAA3;
  --ancient-moss-rune-5: #729F74;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-moss-rune": {
        1: "#3B5F43",
        2: "#5F8C64",
        3: "#A8B58F",
        4: "#C3CAA3",
        5: "#729F74",
      }
    }
  }
}

Related searches

moss green color paletteforest nature hex codesearthy green schemecalming natural colorsrune inspired palette

Palette colors

Hex values

Color 1#3B5F43
·
Color 2#5F8C64
·
Color 3#A8B58F
·
Color 4#C3CAA3
·
Color 5#729F74
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.3:1AA18
4.2:1AA18
2.4:1Fail
2
1.9:1Fail
1.8:1Fail
2.3:1Fail
1.3:1Fail
3
3.3:1AA18
1.8:1Fail
1.3:1Fail
1.4:1Fail
4
4.2:1AA18
2.3:1Fail
1.3:1Fail
1.8:1Fail
5
2.4:1Fail
1.3:1Fail
1.4:1Fail
1.8:1Fail

Similar palettes

More like Ancient Moss Rune

View all earth
Verdant Moss Path
Verdant Moss Whisper
Ancient Forest Hearth
Ancient Grove Calm
Ancient Moss Whisper
Bamboo Grove