Palette

Ancient Forest Hush

A tranquil blend inspired by ancient woods, capturing deep emeralds and mossy greens under a muted sky.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Forest Hush 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 Forest Hush.

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

Data visualization

#1B4D3E#2A6A5A#628B78#A3C1AD#C8D7C8

Palette guide

How to use Ancient Forest Hush

Overview

The Ancient Forest Hush palette is a tranquil blend inspired by ancient woods, capturing deep emeralds and mossy greens under a muted sky. This serene collection features a rich, deep emerald #1B4D3E, a vibrant yet soft #2A6A5A, and a calming mid-tone #628B78. Lighter, airy shades like #A3C1AD and #C8D7C8 evoke the filtered light of a peaceful canopy. It's an excellent choice for designs that aim to convey natural tranquility, organic sophistication, and a sense of quietude. Designers will find this palette perfect for creating immersive, calming user experiences, and developers can easily integrate these harmonious hex codes for a consistent and soothing visual presence.

Best used for

Mindfulness and meditation applications
Organic skincare and beauty brands
Nature-inspired interior decor
Sustainable fashion lookbooks
Eco-conscious lifestyle blogs
Botanical garden website design

Suggested color roles

primary

#1B4D3E - A deep, rich emerald green, ideal for foundational elements, headers, or establishing a luxurious, natural tone.

secondary

#2A6A5A - A vibrant yet muted green, perfect for supporting content blocks, subheadings, or as a background for lighter text.

accent

#628B78 - A calming mid-tone green that can be used for subtle highlights, interactive elements, or to draw attention without being overtly bright.

background

#C8D7C8 - A very light, almost white-green, providing a clean, fresh, and expansive backdrop. Ideal for main content areas and readability.

text

#A3C1AD - This light, muted green offers good readability against darker shades like #1B4D3E or #2A6A5A. For primary body text on light backgrounds, a dark charcoal or deep forest green would be recommended for optimal contrast.

Accessibility notes

Ensure sufficient contrast when using #A3C1AD text on #C8D7C8 or similar light backgrounds.
Text in #1B4D3E should be paired with a very light color (e.g., off-white) to meet WCAG contrast guidelines.
Avoid placing #628B78 text on similar mid-tone backgrounds without careful checking.
When using these subtle tones, ensure interactive elements have clear visual states beyond color changes.

Recommended combinations

Emerald Canopy

Creates a strong, sophisticated, and tranquil base for hero sections or main navigation.

#1B4D3E · #2A6A5A · #C8D7C8

Misty Glade

Ideal for clean, readable content areas with a fresh, natural feel, evoking filtered light.

#C8D7C8 · #A3C1AD · #1B4D3E

Mossy Detail

Perfect for subtle graphical details, borders, or secondary information.

#628B78 · #2A6A5A · #A3C1AD

CSS variables

:root {
  --ancient-forest-hush-1: #1B4D3E;
  --ancient-forest-hush-2: #2A6A5A;
  --ancient-forest-hush-3: #628B78;
  --ancient-forest-hush-4: #A3C1AD;
  --ancient-forest-hush-5: #C8D7C8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-forest-hush": {
        1: "#1B4D3E",
        2: "#2A6A5A",
        3: "#628B78",
        4: "#A3C1AD",
        5: "#C8D7C8",
      }
    }
  }
}

Hex values

Color 1#1B4D3E

Color 2#2A6A5A

Color 3#628B78

Color 4#A3C1AD

Color 5#C8D7C8

Accessibility

Contrast checker

1.5:1Fail

2.5:1Fail

5:1AA

6.4:1AA

1.5:1Fail

1.7:1Fail

3.3:1AA18

4.2:1AA18

2.5:1Fail

1.7:1Fail

2:1Fail

2.6:1Fail

5:1AA

3.3:1AA18

2:1Fail

1.3:1Fail

6.4:1AA

4.2:1AA18

2.6:1Fail

1.3:1Fail

Similar palettes

More like Ancient Forest Hush

View all earth

Forest Floor Emerald

Forest Floor Ephemera

Ancient Forest Realm

Enchanted Forest Floor

Forest Floor Echoes

Forest Fungi