Palette

Enchanted Teal Forest

Deep teal and forest greens create a mysterious, otherworldly feel, like a hidden magical woodland.

CoolCalm5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#008B8B#2F4F4F#40E0D0#66CDAA#7FFFD4

Palette guide

How to use Enchanted Teal Forest

Overview

The Enchanted Teal Forest palette creates a mysterious, otherworldly feel, like a hidden magical woodland, with its deep teal and forest greens. Featuring a vibrant dark cyan #008B8B and a luminous aquamarine #7FFFD4, this collection is perfect for designers seeking a cool, mystical, and refreshing aesthetic. Developers will find these hex codes ideal for crafting fluid web designs, fantasy game environments, and captivating digital art. The deep dark slate gray #2F4F4F provides a crucial grounding element, while the harmonious progression of teals and greens ensures visual cohesion and a distinct sense of aquatic magic.

Best used for

Fantasy game UI/UX and atmospheric backgrounds
Mystical or esoteric brand identities
Spa and wellness app interfaces
Website designs for luxury eco-tourism or resorts
Digital art depicting magical forests or underwater scenes
Product packaging for refreshing or natural goods

Suggested color roles

primary

#008B8B - A deep, rich dark cyan, excellent for dominant backgrounds, headers, or large graphical elements, establishing a profound, mystical forest foundation.

secondary

#2F4F4F - A deep dark slate gray. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding grounding depth to the cool theme.

accent

#40E0D0 - A bright, energetic turquoise. Perfect for calls-to-action, interactive elements, or key highlights that need to shimmer and stand out with a magical glow.

background

#7FFFD4 - A very light, almost white, aquamarine, providing a clean, open, and refreshing canvas that evokes clear, shimmering water or mist.

text

#008B8B - This deep dark cyan offers excellent readability against lighter backgrounds, seamlessly integrating with the palette's cool, mystical aesthetic.

Accessibility notes

Ensure #008B8B text on #7FFFD4 background meets WCAG AAA contrast standards for optimal readability.
Avoid using #66CDAA or #40E0D0 for small text on #7FFFD4 as the contrast may be insufficient; reserve them for larger headings or graphical accents.
For interactive elements, always verify the contrast of the accent color against its background.
Consider using a pure black or dark charcoal for critical text if the darkest teal doesn't meet the highest accessibility requirements for very small font sizes.

Recommended combinations

Deep Teal Woods

Deep cyan for a strong footer, dark slate gray for section headers, and light aquamarine for main content background, creating depth and light.

#008B8B · #2F4F4F · #7FFFD4

Mystic Shimmer

Layered content blocks with #2F4F4F as base, #66CDAA for cards, and #40E0D0 for vibrant, shimmering highlights.

#2F4F4F · #40E0D0 · #66CDAA

Enchanted Light

A light background with #7FFFD4, dark text with #008B8B, and a bright, magical accent with #40E0D0 for calls to action.

#7FFFD4 · #008B8B · #40E0D0

CSS variables

:root {
  --enchanted-teal-forest-1: #008B8B;
  --enchanted-teal-forest-2: #2F4F4F;
  --enchanted-teal-forest-3: #40E0D0;
  --enchanted-teal-forest-4: #66CDAA;
  --enchanted-teal-forest-5: #7FFFD4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-teal-forest": {
        1: "#008B8B",
        2: "#2F4F4F",
        3: "#40E0D0",
        4: "#66CDAA",
        5: "#7FFFD4",
      }
    }
  }
}

Hex values

Color 1#008B8B

Color 2#2F4F4F

Color 3#40E0D0

Color 4#66CDAA

Color 5#7FFFD4

Accessibility

Contrast checker

2.2:1Fail

2.5:1Fail

2.1:1Fail

3.4:1AA18

2.2:1Fail

5.4:1AA

4.6:1AA

7.3:1AAA

2.5:1Fail

5.4:1AA

1.2:1Fail

1.3:1Fail

2.1:1Fail

4.6:1AA

1.2:1Fail

1.6:1Fail

3.4:1AA18

7.3:1AAA

1.3:1Fail

1.6:1Fail

Similar palettes

More like Enchanted Teal Forest

View all Cool

Ancient Cypress Shade

Aurora Veil Dance

Ethereal Garden Dew

Frosted Winter Evergreen

Frosty Pine Winter

Lagoon Glow