Palette

Enchanted Forest Canopy

Cool blues and deep greens transport you to a mystical forest, dappled with magical light from above.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Forest Canopy 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 Enchanted Forest Canopy.

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

Data visualization

#2F4858#4A6E7D#7DA0B0#B2D2DF#E6F3F9

Palette guide

How to use Enchanted Forest Canopy

Overview

The Enchanted Forest Canopy palette features cool blues and deep greens, transporting you to a mystical forest, dappled with magical light from above. Ranging from the profound #2F4858 (Dark Slate Gray) to the ethereal #E6F3F9 (lightest blue), with balanced mid-tones like #4A6E7D, #7DA0B0, and #B2D2DF, this collection is perfect for designers and developers seeking to create calming, sophisticated, and fantasy-infused digital experiences. It provides a versatile spectrum for themes of mystery, serenity, and enchantment, ensuring a fresh and inviting visual narrative across various applications.

Best used for

Fantasy game UI or environment art
Mystical or spiritual website designs
Luxury branding with a serene touch
Wellness and meditation applications
Digital art with ethereal or dreamy themes
Cool-toned corporate branding

Suggested color roles

primary

Utilize #2F4858 as the foundational color for main backgrounds, headers, or robust branding elements, establishing deep natural authority.

secondary

Apply #4A6E7D for supporting content areas, subheadings, or secondary UI components, offering a balanced, sophisticated blue-green.

accent

Reserve #B2D2DF for subtle highlights, interactive elements, or delicate decorative details, providing a fresh, gentle lift.

background

Choose #E6F3F9 for light, expansive backgrounds that enhance readability and create an airy, serene atmosphere.

text

For body text, a dark, readable color like #2F4858 or a deep charcoal provides excellent contrast on lighter backgrounds. On darker shades, a soft white or #E6F3F9 offers clear readability.

Accessibility notes

Ensure sufficient contrast between the lightest blue (#E6F3F9) and darkest blue (#2F4858) for text and interactive elements.
Be mindful of contrast between adjacent mid-tones like #4A6E7D and #7DA0B0 if used for crucial distinctions.
Verify that text on #B2D2DF (a lighter blue) uses a dark enough color to meet WCAG AA standards.
Test all color combinations with accessibility tools to confirm readability for users with various visual impairments.

Recommended combinations

Deep Forest Haze

Ideal for creating a sense of profound depth and natural mystery in main sections or branding elements.

#2F4858 · #4A6E7D · #7DA0B0

Mystic Light

Perfect for light, refreshing backgrounds or subtle overlays that evoke freshness and vitality.

#7DA0B0 · #B2D2DF · #E6F3F9

Serene Canopy

Effective for designs requiring a balanced blend of vibrant mid-tones with grounding deep blues and soft highlights.

#4A6E7D · #E6F3F9 · #2F4858

CSS variables

:root {
  --enchanted-forest-canopy-1: #2F4858;
  --enchanted-forest-canopy-2: #4A6E7D;
  --enchanted-forest-canopy-3: #7DA0B0;
  --enchanted-forest-canopy-4: #B2D2DF;
  --enchanted-forest-canopy-5: #E6F3F9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-canopy": {
        1: "#2F4858",
        2: "#4A6E7D",
        3: "#7DA0B0",
        4: "#B2D2DF",
        5: "#E6F3F9",
      }
    }
  }
}

Hex values

Color 1#2F4858

Color 2#4A6E7D

Color 3#7DA0B0

Color 4#B2D2DF

Color 5#E6F3F9

Accessibility

Contrast checker

1.7:1Fail

3.4:1AA18

6:1AA

8.5:1AAA

1.7:1Fail

2:1Fail

3.5:1AA18

4.9:1AA

3.4:1AA18

2:1Fail

1.8:1Fail

2.5:1Fail

6:1AA

3.5:1AA18

1.8:1Fail

1.4:1Fail

8.5:1AAA

4.9:1AA

2.5:1Fail

1.4:1Fail

Similar palettes

More like Enchanted Forest Canopy

View all cool

Enchanted Forest Stream

Agate Grotto

Alpine Lake Shimmer

Aurora Shimmer Lights

Cloud Forest Mist

Deep Forest Lull