Palette

Ancient Temple Moss

Subtle, earthy greens evoking the quiet, enduring presence of moss-covered stones in an ancient, forgotten temple.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A4739#5E6D5D#829181#A7B6A6#CEDCCB

Palette guide

How to use Ancient Temple Moss

Overview

The 'Ancient Temple Moss' palette features subtle, earthy greens evoking the quiet, enduring presence of moss-covered stones in an ancient, forgotten temple. With shades ranging from the deep #3A4739 to the soft #CEDCCB, and including versatile mid-tones like #829181, this natural and calm palette is perfect for designers and developers crafting serene, organic, and historically resonant designs. It provides a harmonious blend of muted greens, ideal for conveying growth, tranquility, and a sense of timeless beauty in various digital and physical applications, from eco-tourism to meditation apps.

Best used for

Eco-tourism websites and branding
Nature-inspired branding and marketing
Meditation and mindfulness apps
Historical garden design
Organic product packaging
Documentary films on nature and history

Suggested color roles

primary

Utilize #3A4739 as a deep, grounding forest green for primary elements, such as headers or main content blocks, providing stability.

secondary

Apply #5E6D5D as a mid-tone, muted green for supporting sections, subheadings, or subtle graphical accents, adding visual depth.

accent

Introduce #829181 as a lighter, subtle green for interactive elements, delicate details, or to create visual separation without harshness.

background

Employ #CEDCCB as a very light, soft green-grey background, offering a clean and expansive canvas with a tranquil feel.

text

For optimal readability, use #3A4739 for all body text and headings, ensuring strong contrast against lighter backgrounds like #CEDCCB.

Accessibility notes

Ensure #3A4739 text on #CEDCCB background meets WCAG AA contrast standards for readability.
Use #5E6D5D for larger headings on #A7B6A6 for improved visual distinction.
Avoid using #829181 for small text on #A7B6A6 due to potential low contrast.
Check contrast for all interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Forest

Creates a rich, organic depth suitable for prominent content blocks, footers, or deep textural backgrounds.

#3A4739 · #5E6D5D · #829181

Mossy Ruins

Ideal for layered backgrounds, subtle gradients, or overlays that evoke light, ethereal moss textures.

#829181 · #A7B6A6 · #CEDCCB

Quiet Sanctuary

A contrasting yet serene combination for titles, hero sections, or key informational graphics.

#5E6D5D · #CEDCCB · #3A4739

CSS variables

:root {
  --ancient-temple-moss-1: #3A4739;
  --ancient-temple-moss-2: #5E6D5D;
  --ancient-temple-moss-3: #829181;
  --ancient-temple-moss-4: #A7B6A6;
  --ancient-temple-moss-5: #CEDCCB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-temple-moss": {
        1: "#3A4739",
        2: "#5E6D5D",
        3: "#829181",
        4: "#A7B6A6",
        5: "#CEDCCB",
      }
    }
  }
}

Hex values

Color 1#3A4739

Color 2#5E6D5D

Color 3#829181

Color 4#A7B6A6

Color 5#CEDCCB

Accessibility

Contrast checker

1.8:1Fail

3:1Fail

4.6:1AA

6.9:1AA

1.8:1Fail

1.7:1Fail

2.6:1Fail

3.9:1AA18

3:1Fail

1.7:1Fail

1.6:1Fail

2.3:1Fail