Back to palettes

Palette

Moonlit Cypress Grove

A tranquil palette evoking the hushed stillness of a cypress grove under the pale glow of a moonlit sky.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F2C33#2D474F#59737C#8B9DA3#C5D2D5

Palette guide

How to use Moonlit Cypress Grove

Overview

The Moonlit Cypress Grove (2) palette evokes the hushed stillness of a nocturnal forest, blending deep blue-greens with soft, misty greys. Its foundation lies in the rich #0F2C33 and #2D474F, reminiscent of shadowed foliage, while #59737C and #8B9DA3 introduce lighter, more ethereal tones. The palette culminates in the pale, atmospheric #C5D2D5, creating a tranquil and sophisticated mood. This collection is perfect for designers and developers aiming to convey a sense of calm, nature, and understated elegance, suitable for projects that require a connection to the natural world with a touch of mystery.

Best used for

  • Eco-friendly brand identity and packaging
  • Nature photography websites or portfolios
  • Calm and meditative app interfaces
  • Wellness and spa marketing materials
  • Sophisticated outdoor apparel branding
  • Environmental documentary graphics

Suggested color roles

primary

Utilize #0F2C33 as a deep, anchoring color for headers, footers, or prominent background sections, establishing a strong, natural presence.

secondary

Employ #2D474F for supporting content blocks, navigation elements, or as a rich accent against lighter tones.

accent

Introduce #59737C for subtle highlights, interactive elements, or graphic details to add a gentle, moonlit touch.

background

The light and airy #C5D2D5 provides an excellent primary background, creating a clean and expansive canvas.

text

For optimal readability on light backgrounds like #C5D2D5, use #0F2C33 or a dark charcoal. For dark backgrounds, a clean white or near-white is recommended.

Accessibility notes

  • The contrast between #0F2C33 and #C5D2D5 is strong, making it suitable for all text sizes.
  • Ensure #59737C or #8B9DA3 on #C5D2D5 meets WCAG AA standards for small body text; adjust font weight if necessary.
  • Avoid using #8B9DA3 on #C5D2D5 for body text, as contrast may be insufficient.
  • For interactive elements, ensure clear focus indicators that stand out from both normal and hover states.

Recommended combinations

Grove Depths

Ideal for creating a strong, tranquil hero section with clear textual content.

#0F2C33 · #C5D2D5 · #59737C

Misty Foliage

Perfect for secondary content or atmospheric backgrounds, evoking soft twilight.

#2D474F · #8B9DA3 · #C5D2D5

Tranquil Sky

Excellent for balancing deep, natural tones with a sense of open, calm space.

#0F2C33 · #59737C · #C5D2D5

CSS variables

:root {
  --moonlit-cypress-grove-2-1: #0F2C33;
  --moonlit-cypress-grove-2-2: #2D474F;
  --moonlit-cypress-grove-2-3: #59737C;
  --moonlit-cypress-grove-2-4: #8B9DA3;
  --moonlit-cypress-grove-2-5: #C5D2D5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-cypress-grove-2": {
        1: "#0F2C33",
        2: "#2D474F",
        3: "#59737C",
        4: "#8B9DA3",
        5: "#C5D2D5",
      }
    }
  }
}

Related searches

tranquil blue green palettemoonlit forest colorscool nature schemeserene cypress tonescalm outdoor design

Palette colors

Hex values

Color 1#0F2C33
·
Color 2#2D474F
·
Color 3#59737C
·
Color 4#8B9DA3
·
Color 5#C5D2D5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.9:1Fail
5.2:1AA
9.5:1AAA
2
1.5:1Fail
2:1Fail
3.5:1AA18
6.4:1AA
3
2.9:1Fail
2:1Fail
1.8:1Fail
3.3:1AA18
4
5.2:1AA
3.5:1AA18
1.8:1Fail
1.8:1Fail
5
9.5:1AAA
6.4:1AA
3.3:1AA18
1.8:1Fail

Similar palettes

More like Moonlit Cypress Grove

View all Cool
Arctic Glacier Melt
Open Sky Horizon
Sapphire Night Sky
Sea Spray Ocean
Alpine Lake Dawn
Ancient Cypress Shade