Back to palettes

Palette

Lagoon Paradise Sun

Bright aquas and teals with hints of sandy warmth, capturing the lively beauty of a pristine tropical lagoon.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lagoon Paradise Sun 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 Lagoon Paradise Sun.

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

Data visualization

#2B7A75#44A09B#6FD0CB#A7E7E3#DDF8F6

Palette guide

How to use Lagoon Paradise Sun

Overview

The Lagoon Paradise Sun palette captures the essence of a vibrant, sun-drenched tropical lagoon, blending refreshing aquas and teals with hints of warmth. This energetic collection features distinct shades like the deep #2B7A75, the lively #44A09B, and the bright #6FD0CB. Lighter, airy tones such as #A7E7E3 and #DDF8F6 complete the spectrum, offering a pristine and invigorating feel. Designers can use this palette to infuse projects with a sense of vitality, natural beauty, and clarity. It's particularly effective for brands in tourism, outdoor recreation, or health and wellness, where a cheerful and refreshing aesthetic is desired.

Best used for

  • Tropical travel agency branding
  • Health and wellness product design
  • Outdoor adventure website interfaces
  • Summer campaign marketing materials
  • Eco-tourism promotional content
  • Mobile applications with a clean, energetic vibe

Suggested color roles

primary

Employ #2B7A75 as a solid primary for main branding elements, navigation, or strong calls-to-action, establishing a vibrant base.

secondary

Use #44A09B for subheadings, secondary content areas, or graphical elements, offering a harmonious mid-tone.

accent

Apply #6FD0CB or #A7E7E3 as a bright, refreshing accent for interactive buttons, icons, or design highlights to add a pop of energy.

background

Leverage #DDF8F6 for clean, expansive backgrounds, providing a light and airy canvas that enhances readability.

text

For main body text, a dark charcoal or near-black offers excellent contrast on #DDF8F6. For elements on darker colors like #2B7A75, white text is ideal.

Accessibility notes

  • Ensure sufficient contrast between #2B7A75 and #DDF8F6 for text, meeting WCAG AA standards.
  • Avoid using #A7E7E3 on #DDF8F6 for critical text due to potential low contrast.
  • Consider using #44A09B for larger headings or graphical elements on lighter backgrounds to improve legibility.
  • Always verify color contrast ratios for text and interactive components to ensure accessibility for all users.

Recommended combinations

Vibrant Depths

Creates an engaging and lively visual hierarchy; suitable for hero images or key feature sections.

#2B7A75 · #44A09B · #6FD0CB

Sunny Breeze

Offers a light and airy feel; excellent for clean user interfaces, breathable layouts, or subtle gradients.

#A7E7E3 · #DDF8F6 · #6FD0CB

Energetic Focus

Provides strong visual contrast and a refreshing touch; great for call-to-action buttons or important announcements.

#2B7A75 · #DDF8F6 · #A7E7E3

CSS variables

:root {
  --lagoon-paradise-sun-1: #2B7A75;
  --lagoon-paradise-sun-2: #44A09B;
  --lagoon-paradise-sun-3: #6FD0CB;
  --lagoon-paradise-sun-4: #A7E7E3;
  --lagoon-paradise-sun-5: #DDF8F6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lagoon-paradise-sun": {
        1: "#2B7A75",
        2: "#44A09B",
        3: "#6FD0CB",
        4: "#A7E7E3",
        5: "#DDF8F6",
      }
    }
  }
}

Related searches

tropical green blue palettevibrant aqua color schemerefreshing web design colorsparadise inspired brandingenergetic teal palette

Palette colors

Hex values

Color 1#2B7A75
·
Color 2#44A09B
·
Color 3#6FD0CB
·
Color 4#A7E7E3
·
Color 5#DDF8F6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
3.7:1AA18
4.5:1AA
2
1.6:1Fail
1.7:1Fail
2.3:1Fail
2.8:1Fail
3
2.8:1Fail
1.7:1Fail
1.3:1Fail
1.6:1Fail
4
3.7:1AA18
2.3:1Fail
1.3:1Fail
1.2:1Fail
5
4.5:1AA
2.8:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Lagoon Paradise Sun

View all vibrant
Tropical Oasis
Azure Lagoon Shimmer
Coral Reef Jewel
Dragonfly Wing Iridescence
Jungle Chroma Flare
Meadow Bloom Burst