Back to palettes

Palette

Tropical Oasis

Lush greens and refreshing teals evoke the vibrant and lively allure of a hidden oasis.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3CB371#20B2AA#5F9EA0#66CDAA#48D1CC

Palette guide

How to use Tropical Oasis

Overview

The "Tropical Oasis" palette is a refreshing blend of lush greens and cool teals, evoking the vibrant and lively allure of a hidden paradise. It features a harmonious range from the lively #3CB371 (Medium Sea Green) to the tranquil #20B2AA (Light Sea Green). The addition of #5F9EA0 (Cadet Blue) introduces a slightly deeper, more grounded blue-green, while #66CDAA (Medium Aquamarine) and #48D1CC (Medium Turquoise) complete the serene yet energetic spectrum. This palette is perfect for designers seeking to create calming, clean, and invigorating digital experiences, ideal for wellness, environmental, or travel-related projects that emphasize freshness and tranquility.

Best used for

  • Wellness and spa branding
  • Eco-friendly product packaging
  • Travel and resort marketing
  • Health and fitness app interfaces
  • Coastal-themed interior design
  • Nature conservation websites

Suggested color roles

primary

#3CB371 (Medium Sea Green) – A grounding yet fresh choice for main headings, calls-to-action, or dominant brand elements, representing growth and vitality.

secondary

#20B2AA (Light Sea Green) – Excellent for secondary navigation, subheadings, or content blocks, offering a lighter, refreshing feel.

accent

#48D1CC (Medium Turquoise) – Use for interactive elements, highlights, or graphical accents to provide a bright, invigorating pop.

background

A very light grey or crisp white – To enhance the freshness and cleanliness of the palette, allowing the greens and teals to stand out.

text

Dark charcoal or a deep navy – For optimal readability. #3CB371 could be used for larger headings against very light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for all text, especially when using lighter greens/teals like #66CDAA or #48D1CC on light backgrounds.
  • #5F9EA0 can serve as a good text color against very light backgrounds, but always check contrast.
  • Avoid using similar tones like #20B2AA and #66CDAA in close proximity for critical information without differentiation.
  • For interactive elements, ensure distinct hover/focus states maintain high contrast.

Recommended combinations

Serene Lagoon

Creates a calm and expansive water-like feel, perfect for backgrounds or serene content areas.

#20B2AA · #48D1CC · #5F9EA0

Lush Foliage

Evokes natural growth and freshness, ideal for nature-themed designs or health-related content.

#3CB371 · #66CDAA · #20B2AA

Oasis Glow

A vibrant and refreshing combination for accents, calls-to-action, or dynamic visual elements.

#48D1CC · #3CB371 · #5F9EA0

CSS variables

:root {
  --tropical-oasis-1: #3CB371;
  --tropical-oasis-2: #20B2AA;
  --tropical-oasis-3: #5F9EA0;
  --tropical-oasis-4: #66CDAA;
  --tropical-oasis-5: #48D1CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-oasis": {
        1: "#3CB371",
        2: "#20B2AA",
        3: "#5F9EA0",
        4: "#66CDAA",
        5: "#48D1CC",
      }
    }
  }
}

Related searches

refreshing color paletteteal green color schemenature inspired designcalm vibrant colorswellness brand palette

Palette colors

Hex values

Color 1#3CB371
·
Color 2#20B2AA
·
Color 3#5F9EA0
·
Color 4#66CDAA
·
Color 5#48D1CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1.4:1Fail
1.4:1Fail
2
1:1Fail
1.2:1Fail
1.4:1Fail
1.4:1Fail
3
1.1:1Fail
1.2:1Fail
1.6:1Fail
1.6:1Fail
4
1.4:1Fail
1.4:1Fail
1.6:1Fail
1:1Fail
5
1.4:1Fail
1.4:1Fail
1.6:1Fail
1:1Fail

Similar palettes

More like Tropical Oasis

View all vibrant
Jungle Chroma Flare
Lagoon Paradise Sun
Aurora Veil Lights
Electric Jungle Bloom
Emerald Coastline
Jungle Bloom Canopy