Back to palettes

Palette

Tropical Forest Glade

A vibrant interplay of clear blues and lush greens found deep within a hidden tropical glade.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Forest Glade 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 Tropical Forest Glade.

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

Data visualization

#0B6E4F#12A4D9#336B87#6BB0C2#D8EBED

Palette guide

How to use Tropical Forest Glade

Overview

The "Tropical Forest Glade" palette presents a vibrant interplay of clear blues and lush greens, evoking a hidden glade deep within a tropical forest. It features a rich dark teal (#0B6E4F), a striking bright sky blue (#12A4D9), and a sophisticated muted blue-green (#336B87). A lighter blue-green (#6BB0C2) adds softness, while a very pale blue (#D8EBED) provides an airy foundation. This palette is genuinely useful for designers and developers seeking to create natural, exotic, and serene digital or print experiences. It offers a balanced blend of depth and lightness, perfect for conveying tranquility with a touch of vibrant energy.

Best used for

  • Ecotourism and travel websites
  • Marine conservation branding
  • Serene digital interfaces and apps
  • Resort and hospitality marketing
  • Nature-inspired product design
  • Environmental education materials

Suggested color roles

primary

Utilize #0B6E4F (Dark Teal) for main headings, navigation, or as a strong brand identifier, symbolizing lushness and depth.

secondary

Employ #12A4D9 (Bright Sky Blue) for calls-to-action, key features, or illustrations, providing a vibrant and captivating highlight.

accent

Incorporate #336B87 (Muted Blue-Green) for secondary text, borders, or subtle background patterns, adding sophistication.

background

Use #D8EBED (Very Pale Blue) as a clean, airy background, allowing the deeper blues and greens to truly resonate.

text

For light backgrounds, #0B6E4F or a dark charcoal offers excellent contrast. For dark backgrounds, white text is recommended.

Accessibility notes

  • Ensure #D8EBED is paired with sufficiently dark text (e.g., black, #0B6E4F, or #336B87) to meet WCAG contrast guidelines.
  • Maintain clear visual hierarchy and contrast when combining #12A4D9 with other blues/greens, especially for interactive elements.
  • White text provides strong readability against #0B6E4F and #336B87.
  • Avoid using light text on #6BB0C2 for critical information due to potential low contrast.

Recommended combinations

Glade Waters

Excellent for header backgrounds or sections focused on clarity and freshness, like services or features.

#12A4D9 · #6BB0C2 · #D8EBED

Deep Foliage

Creates a rich, vibrant contrast, perfect for showcasing impactful imagery or bold statements.

#0B6E4F · #336B87 · #12A4D9

Misty Path

Suitable for subtle gradients or layered elements, offering a soft, natural, and inviting progression.

#6BB0C2 · #D8EBED · #0B6E4F

CSS variables

:root {
  --tropical-forest-glade-1: #0B6E4F;
  --tropical-forest-glade-2: #12A4D9;
  --tropical-forest-glade-3: #336B87;
  --tropical-forest-glade-4: #6BB0C2;
  --tropical-forest-glade-5: #D8EBED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-forest-glade": {
        1: "#0B6E4F",
        2: "#12A4D9",
        3: "#336B87",
        4: "#6BB0C2",
        5: "#D8EBED",
      }
    }
  }
}

Related searches

blue green nature palettetropical glade colorsexotic forest schemeserene blue greeneco-friendly design palette

Palette colors

Hex values

Color 1#0B6E4F
·
Color 2#12A4D9
·
Color 3#336B87
·
Color 4#6BB0C2
·
Color 5#D8EBED
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
1.1:1Fail
2.6:1Fail
5.1:1AA
2
2.2:1Fail
2:1Fail
1.2:1Fail
2.3:1Fail
3
1.1:1Fail
2:1Fail
2.4:1Fail
4.7:1AA
4
2.6:1Fail
1.2:1Fail
2.4:1Fail
2:1Fail
5
5.1:1AA
2.3:1Fail
4.7:1AA
2:1Fail

Similar palettes

More like Tropical Forest Glade

View all vibrant
Jungle Canopy Splash
Jungle Emerald Vines
Lush Emerald Canopy
Lush Green Canopy
Lush Rainforest Glow
Wild Orchid Trail