Back to palettes

Palette

Exotic Island Escape

Lush greens and vibrant teals transport you to a secluded, untouched island paradise.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Exotic Island Escape 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 Exotic Island Escape.

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

Data visualization

#004D40#00897B#26A69A#80CBC4#B2DFDB

Palette guide

How to use Exotic Island Escape

Overview

The 'Exotic Island Escape' palette offers a tranquil and refreshing journey through lush greens and vibrant teals, perfect for creating a serene atmosphere. This harmonious collection, featuring deep forest green #004D40, bright teal #00897B, and airy pale green #B2DFDB, is ideal for designs that seek to evoke nature's calm and untouched beauty. Designers and developers will find its gradient-like progression from deep to light tones incredibly versatile, allowing for seamless visual flow. Use the striking #26A69A to add a refreshing pop, while the soft #80CBC4 provides a balanced, natural transition. It's a palette that whispers tranquility.

Best used for

  • Spa and wellness branding
  • Eco-tourism websites and brochures
  • Nature-themed mobile applications
  • Sustainable product packaging
  • Meditation and mindfulness platforms
  • Tropical resort marketing

Suggested color roles

primary

Use #004D40 as a strong, grounding base for headers, navigation, or footer elements, providing a sense of depth and stability.

secondary

Employ #00897B for primary calls-to-action, active states, or significant section backgrounds, offering a vibrant yet balanced feel.

accent

Highlight key information, icons, or interactive elements with #26A69A to draw attention without overwhelming the user.

background

Apply #B2DFDB for main content areas or large backgrounds, ensuring an airy, clean, and refreshing canvas.

text

For optimal readability, use #004D40 or a dark charcoal on lighter backgrounds like #B2DFDB. White text works well on #004D40 and #00897B.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when pairing lighter greens like #80CBC4 with #B2DFDB.
  • Use a contrast checker for all text/background combinations; #004D40 provides excellent contrast with white or light backgrounds.
  • Avoid using #80CBC4 as text on #B2DFDB for body copy due to potential readability issues for some users.
  • For interactive elements, maintain a minimum contrast ratio of 3:1 against adjacent colors.

Recommended combinations

Deep Ocean Calm

Ideal for a serene, foundational look, perfect for headers, main content, and subtle accents.

#004D40 · #B2DFDB · #80CBC4

Tropical Refresh

Creates a lively yet harmonious gradient, suitable for active states, illustrations, or feature sections.

#00897B · #26A69A · #B2DFDB

Verdant Balance

A strong, progressive combination for brand logos, infographics, or a layered UI where depth is desired.

#004D40 · #00897B · #26A69A

CSS variables

:root {
  --exotic-island-escape-1: #004D40;
  --exotic-island-escape-2: #00897B;
  --exotic-island-escape-3: #26A69A;
  --exotic-island-escape-4: #80CBC4;
  --exotic-island-escape-5: #B2DFDB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "exotic-island-escape": {
        1: "#004D40",
        2: "#00897B",
        3: "#26A69A",
        4: "#80CBC4",
        5: "#B2DFDB",
      }
    }
  }
}

Related searches

tropical color schemeteal green paletteserene nature colorsspa branding colorsfresh design palette

Palette colors

Hex values

Color 1#004D40
·
Color 2#00897B
·
Color 3#26A69A
·
Color 4#80CBC4
·
Color 5#B2DFDB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
3.3:1AA18
5.3:1AA
6.8:1AA
2
2.3:1Fail
1.4:1Fail
2.3:1Fail
3:1Fail
3
3.3:1AA18
1.4:1Fail
1.6:1Fail
2.1:1Fail
4
5.3:1AA
2.3:1Fail
1.6:1Fail
1.3:1Fail
5
6.8:1AA
3:1Fail
2.1:1Fail
1.3:1Fail

Similar palettes

More like Exotic Island Escape

View all vibrant
Emerald Canopy Glow
Jungle Canopy Splash
Lush Emerald Canopy
Blossom Field Chorus
Botanist's Herbarium Sheet
Forest Nymph Bloom