Back to palettes

Palette

Moonlit Cypress Grove

Deep, cool blues reflecting the shadowy tranquility of a cypress grove under a pale moonlight.

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

#0e1a26#2a4259#4c738c#7baad3#aae0ff

Palette guide

How to use Moonlit Cypress Grove

Overview

The Moonlit Cypress Grove palette offers a profound journey into deep, cool blues, reflecting the shadowy tranquility of a forest under pale moonlight. Ranging from the almost black #0e1a26 to the ethereal #aae0ff, with rich intermediate shades like #2a4259, #4c738c, and #7baad3, this palette is highly versatile for creating sophisticated and immersive digital experiences. Designers and developers can leverage its depth and cool tones to evoke a sense of calm, mystery, and professionalism, making it suitable for projects that require a strong, yet serene, visual presence.

Best used for

  • High-tech brand identity and web design
  • Sophisticated web dashboards and analytics platforms
  • Night-themed event promotions and decor
  • Educational institution branding (universities, research)
  • Maritime or oceanic industry communications
  • Science fiction or fantasy game interfaces

Suggested color roles

primary

Use #0e1a26 as the foundational deep blue for main backgrounds, navigation, or strong brand elements, providing immense depth.

secondary

Employ #2a4259 for secondary sections, large text blocks, or as a rich border color, complementing the primary shade.

accent

Highlight key information, interactive elements, or graphical accents with #7baad3 to add a captivating, moonlit glow.

background

The lightest shade, #aae0ff, is perfect for clean content areas, providing a soft, ethereal canvas that contrasts beautifully with the darker blues.

text

For dark backgrounds, #aae0ff or white ensures excellent legibility. For light backgrounds like #aae0ff, #0e1a26 or a dark charcoal is recommended.

Accessibility notes

  • The contrast between #0e1a26 and #aae0ff is exceptional, ensuring accessibility for all text sizes.
  • When using #2a4259 or #4c738c for text on #aae0ff, verify WCAG AA compliance, especially for smaller font sizes.
  • Avoid pairing #7baad3 with #aae0ff for body text as the contrast may be insufficient.
  • Ensure interactive elements have clear focus states that are distinct from both normal and hover states.

Recommended combinations

Deep Shadows

Ideal for striking hero sections with strong headings and clear calls to action.

#0E1A26 · #AAE0FF · #4C738C

Moonlit Glow

Perfect for showcasing features or secondary content, with a gentle, illuminating effect.

#2A4259 · #7BAAD3 · #AAE0FF

Forest Edge

Excellent for creating depth and visual interest in complex layouts or data visualizations.

#0E1A26 · #4C738C · #AAE0FF

CSS variables

:root {
  --moonlit-cypress-grove-1: #0e1a26;
  --moonlit-cypress-grove-2: #2a4259;
  --moonlit-cypress-grove-3: #4c738c;
  --moonlit-cypress-grove-4: #7baad3;
  --moonlit-cypress-grove-5: #aae0ff;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-cypress-grove": {
        1: "#0e1a26",
        2: "#2a4259",
        3: "#4c738c",
        4: "#7baad3",
        5: "#aae0ff",
      }
    }
  }
}

Related searches

deep blue moonlit palettecool forest night colorstranquil blue schemecypress grove aestheticdark blue web design

Palette colors

Hex values

Color 1#0e1a26
·
Color 2#2a4259
·
Color 3#4c738c
·
Color 4#7baad3
·
Color 5#aae0ff
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.5:1AA18
7.1:1AAA
12.4:1AAA
2
1.7:1Fail
2:1Fail
4.2:1AA18
7.3:1AAA
3
3.5:1AA18
2:1Fail
2.1:1Fail
3.6:1AA18
4
7.1:1AAA
4.2:1AA18
2.1:1Fail
1.7:1Fail
5
12.4:1AAA
7.3:1AAA
3.6:1AA18
1.7:1Fail

Similar palettes

More like Moonlit Cypress Grove

View all cool
Cobalt Whisper
Deep Forest Lullaby
Deep Ocean Current
Desert Night Sky
Enchanted Forest Canopy
Enchanted Forest Stream