Back to palettes

Palette

Whispering Cypress Grove

Muted, serene greens and grays reflecting the calm, ancient beauty of a misty cypress grove.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Cypress Grove 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 Whispering Cypress Grove.

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

Data visualization

#4F6D64#739088#A5B6AE#C5D2CB#2F4D44

Palette guide

How to use Whispering Cypress Grove

Overview

The Whispering Cypress Grove palette offers muted, serene greens and grays, reflecting the calm, ancient beauty of a misty cypress grove. Ranging from the light #C5D2CB to the deep #2F4D44, this earth-toned collection provides designers and developers a tranquil and sophisticated foundation. The mid-tone #A5B6AE grounds the composition, while #739088 adds a rich, calming depth. These hues are perfect for projects seeking to convey natural elegance, tranquility, and a connection to serene, untouched landscapes, fostering a sense of peace and groundedness.

Best used for

  • Botanical garden branding
  • Sustainable and eco-conscious brands
  • Tranquil spa and wellness center design
  • Nature documentaries and educational content
  • Sophisticated eco-friendly packaging
  • Outdoor living and garden design

Suggested color roles

primary

#C5D2CB serves as the lightest, misty green-gray base, ideal for expansive backgrounds or clean layouts.

secondary

#A5B6AE provides supportive, mid-light green tones for secondary content or UI dividers.

accent

#739088 offers a deeper, calming green, perfect for subtle emphasis on icons or call-to-action borders.

background

#C5D2CB creates a soft, expansive canvas that enhances the palette's tranquil nature.

text

#2F4D44 delivers the darkest green, ensuring excellent readability for body text and important headings.

Accessibility notes

  • Use #2F4D44 for primary text on lighter backgrounds like #C5D2CB to ensure strong contrast and readability.
  • Ensure adequate contrast when using #739088 for text against #A5B6AE or #C5D2CB.
  • Avoid using #C5D2CB for small text elements due to its light value and potential for low readability.
  • Consider using #4F6D64 for larger headings or sub-headers to provide clear visual hierarchy without being too stark.

Recommended combinations

Misty Canopy

For a light, harmonious, and serene design, suitable for hero sections, main content areas, or tranquil backgrounds.

#C5D2CB · #A5B6AE · #739088

Deep Grove

To create visual depth and a strong, grounded feel, ideal for footers, navigation, or illustrative elements.

#A5B6AE · #4F6D64 · #2F4D44

Tranquil Blend

For clear hierarchy and distinction, such as text on cards, feature highlights, or prominent calls to action.

#C5D2CB · #4F6D64 · #2F4D44

CSS variables

:root {
  --whispering-cypress-grove-1: #4F6D64;
  --whispering-cypress-grove-2: #739088;
  --whispering-cypress-grove-3: #A5B6AE;
  --whispering-cypress-grove-4: #C5D2CB;
  --whispering-cypress-grove-5: #2F4D44;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-cypress-grove": {
        1: "#4F6D64",
        2: "#739088",
        3: "#A5B6AE",
        4: "#C5D2CB",
        5: "#2F4D44",
      }
    }
  }
}

Related searches

cypress green palettemuted forest greentranquil earth tonescalm gray-green colorsnatural spa design

Palette colors

Hex values

Color 1#4F6D64
·
Color 2#739088
·
Color 3#A5B6AE
·
Color 4#C5D2CB
·
Color 5#2F4D44
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
3.6:1AA18
1.6:1Fail
2
1.6:1Fail
1.6:1Fail
2.2:1Fail
2.7:1Fail
3
2.7:1Fail
1.6:1Fail
1.4:1Fail
4.4:1AA18
4
3.6:1AA18
2.2:1Fail
1.4:1Fail
5.9:1AA
5
1.6:1Fail
2.7:1Fail
4.4:1AA18
5.9:1AA

Similar palettes

More like Whispering Cypress Grove

View all earth
Whispering Forest Path
Enchanted Garden Gate
Matcha Tea Ceremony
Matcha Tea Zen
Misty Forest Clearing
Olive Grove Slumber