Back to palettes

Palette

Enchanted Forest Stream

Deep, mystical greens and serene blues evoke a hidden stream flowing through an ancient, enchanted forest.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F2D2D#1B4E4D#2F7C7A#5FA8A7#8CD0CF

Palette guide

How to use Enchanted Forest Stream

Overview

The Enchanted Forest Stream palette evokes a hidden stream flowing through an ancient, enchanted forest with its deep, mystical greens and serene blues. From the profound #0F2D2D to the clear #8CD0CF, including a tranquil #2F7C7A, this collection is fluid and calming. It's an excellent choice for designers and developers crafting calm digital interfaces, aquatic themes, or serene branding. The cool, watery tones create an atmosphere of peace, natural beauty, and subtle magic, perfect for projects seeking a tranquil and immersive visual experience.

Best used for

  • Calm digital interfaces and apps
  • Aquatic and water-themed designs
  • Serene branding and wellness products
  • Meditation and mindfulness applications
  • Nature photography portfolios
  • Fantasy water elements in art

Suggested color roles

primary

Use #0F2D2D as a deep, tranquil primary color for backgrounds, headers, or dominant content blocks.

secondary

Apply #1B4E4D for rich, supportive cool green elements, providing depth and continuity.

accent

Introduce #5FA8A7 as a flowing, gentle highlight for interactive elements, subtle details, or calls-to-action.

background

Utilize #8CD0CF for light, watery backdrops, or #0F2D2D for a deep, immersive dark theme.

text

White or a very light grey offers excellent contrast on #0F2D2D, #1B4E4D, and #2F7C7A. Use #0F2D2D for text on #8CD0CF.

Accessibility notes

  • White text on #0F2D2D provides optimal contrast for readability, especially for main content.
  • Ensure sufficient contrast when using #5FA8A7 for text on #8CD0CF; opt for larger font sizes if used.
  • Avoid using dark text on any color darker than #5FA8A7 to maintain readability.
  • The palette leans cool and dark; always test text legibility on all chosen pairings for accessibility.

Recommended combinations

Stream Depths

A powerful combination for primary layouts, balancing deep tones with a tranquil, flowing accent.

#0F2D2D · #1B4E4D · #5FA8A7

Watery Shimmer

Create layered backgrounds or content blocks, evoking the clear, shimmering surface of a stream.

#8CD0CF · #2F7C7A · #1B4E4D

Cool Tranquility

Employ for strong visual contrast, using the lightest and darkest hues for clear foreground/background separation.

#5FA8A7 · #0F2D2D · #8CD0CF

CSS variables

:root {
  --enchanted-forest-stream-1: #0F2D2D;
  --enchanted-forest-stream-2: #1B4E4D;
  --enchanted-forest-stream-3: #2F7C7A;
  --enchanted-forest-stream-4: #5FA8A7;
  --enchanted-forest-stream-5: #8CD0CF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-stream": {
        1: "#0F2D2D",
        2: "#1B4E4D",
        3: "#2F7C7A",
        4: "#5FA8A7",
        5: "#8CD0CF",
      }
    }
  }
}

Related searches

mystical stream color palettecool green blue colorsserene water theme designenchanted forest UIcalm nature branding

Palette colors

Hex values

Color 1#0F2D2D
·
Color 2#1B4E4D
·
Color 3#2F7C7A
·
Color 4#5FA8A7
·
Color 5#8CD0CF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3:1Fail
5.3:1AA
8.4:1AAA
2
1.6:1Fail
1.9:1Fail
3.4:1AA18
5.4:1AA
3
3:1Fail
1.9:1Fail
1.8:1Fail
2.8:1Fail
4
5.3:1AA
3.4:1AA18
1.8:1Fail
1.6:1Fail
5
8.4:1AAA
5.4:1AA
2.8:1Fail
1.6:1Fail

Similar palettes

More like Enchanted Forest Stream

View all cool
Emerald Bough Serene
Forest Canopy Mist
Jungle Canopy Mist
Verdant Dewdrop Whisper
Willow Branch Breeze
Agate Grotto