Back to palettes

Palette

Ancient Grove Hush

Soft, subdued greens and grays, like the tranquil, hushed atmosphere of an ancient forest grove.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A6A60#7D8E84#A3B3A9#C8D8CE#3C4A3E

Palette guide

How to use Ancient Grove Hush

Overview

The Ancient Grove Hush palette offers a serene and subtle collection of soft greens and grays, perfect for designs that require a calm, sophisticated touch. This harmonious blend includes muted sage #5A6A60, a gentle grey-green #7D8E84, and the delicate #A3B3A9, reminiscent of light filtering through a quiet forest. Developers and designers will find these colors excellent for creating tranquil user interfaces, elegant branding, or soothing visual content. The palette is completed by a very light #C8D8CE and a deeper, grounding forest shade #3C4A3E, providing versatility for both background and accent elements, ensuring a cohesive and understated aesthetic.

Best used for

  • Wellness and mindfulness app interfaces
  • Eco-friendly product packaging and branding
  • Minimalist website designs
  • Home decor and interior design mood boards
  • Photography portfolios with natural themes
  • High-end organic food branding

Suggested color roles

primary

Use #5A6A60 (Sage Green) for major UI sections or branding to establish a calm, inviting base.

secondary

Apply #7D8E84 (Light Grey-Green) for secondary content areas, cards, or subtle backgrounds, offering gentle visual separation.

accent

Employ #A3B3A9 (Pale Green) for subtle highlights, interactive states, or decorative elements where a light touch is needed.

background

The very light #C8D8CE (Light Mint) serves as an excellent, airy background color, promoting a sense of openness and calm.

text

For dark text on light backgrounds, #3C4A3E (Dark Forest Green) or a rich charcoal provides good contrast. For dark backgrounds, use white.

Accessibility notes

  • Ensure sufficient contrast for text when using #A3B3A9 or #C8D8CE, particularly with light text colors.
  • Pair #3C4A3E (Dark Forest Green) with #C8D8CE (Light Mint) for optimal text readability on backgrounds.
  • Be mindful of the low contrast between adjacent lighter shades like #7D8E84 and #A3B3A9 for differentiation of UI elements.
  • For interactive elements, ensure hover/active states provide clearer visual distinction than just a slight color shift.

Recommended combinations

Calm Foundations

Ideal for a clean, calm website layout with clear hierarchy and readable text.

#5A6A60 · #C8D8CE · #3C4A3E

Soft Transitions

Excellent for subtle gradients, background patterns, or distinguishing between adjacent content blocks.

#7D8E84 · #A3B3A9 · #C8D8CE

Deep Accents

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

#C8D8CE · #3C4A3E · #5A6A60

CSS variables

:root {
  --ancient-grove-hush-1: #5A6A60;
  --ancient-grove-hush-2: #7D8E84;
  --ancient-grove-hush-3: #A3B3A9;
  --ancient-grove-hush-4: #C8D8CE;
  --ancient-grove-hush-5: #3C4A3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-grove-hush": {
        1: "#5A6A60",
        2: "#7D8E84",
        3: "#A3B3A9",
        4: "#C8D8CE",
        5: "#3C4A3E",
      }
    }
  }
}

Related searches

calm green palettesubtle forest colorsmuted sage green hexeco friendly design colorstranquil grey green

Palette colors

Hex values

Color 1#5A6A60
·
Color 2#7D8E84
·
Color 3#A3B3A9
·
Color 4#C8D8CE
·
Color 5#3C4A3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
3.9:1AA18
1.6:1Fail
2
1.7:1Fail
1.6:1Fail
2.3:1Fail
2.7:1Fail
3
2.6:1Fail
1.6:1Fail
1.5:1Fail
4.3:1AA18
4
3.9:1AA18
2.3:1Fail
1.5:1Fail
6.3:1AA
5
1.6:1Fail
2.7:1Fail
4.3:1AA18
6.3:1AA

Similar palettes

More like Ancient Grove Hush

View all neutral
Cloud Forest Mist
Coastal Dune Grass
Coastal Seagrass Sway
Jade Tea Ritual
Pebble Shore Calm
Serene Desert Oasis