Back to palettes

Palette

Electric Lagoon Dive

A dazzling plunge into an electric blue lagoon, where vibrant turquoises and deep blues glow under the surface.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Lagoon Dive 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 Electric Lagoon Dive.

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

Data visualization

#00BFFF#00CED1#1E90FF#4169E1#00FFCC

Palette guide

How to use Electric Lagoon Dive

Overview

The Electric Lagoon Dive palette is a dazzling plunge into an electric blue lagoon, where vibrant turquoises and deep blues glow under the surface. It features the bright #00BFFF (Deep Sky Blue), serene #00CED1 (Dark Turquoise), energetic #1E90FF (Dodger Blue), deep #4169E1 (Royal Blue), and luminous #00FFCC (Spring Green). This palette evokes refreshing aquatic themes with a modern, energetic twist. Designers can utilize these harmonious blues and greens to create calming yet vibrant digital experiences, ideal for environmental campaigns, travel branding, or aquatic-themed interfaces. Developers will find it suitable for clean, inviting user interfaces that convey trust and freshness.

Best used for

  • Ocean conservation campaigns
  • Travel and tourism branding
  • Aquatic-themed apps or games
  • Spa and wellness branding
  • Clean tech company websites
  • Digital dashboards with a refreshing feel

Suggested color roles

primary

#00BFFF (Deep Sky Blue) - A brilliant and inviting primary color, excellent for main branding elements, large content areas, or a vibrant sky/water background.

secondary

#1E90FF (Dodger Blue) - Provides a strong, stable blue, ideal for subheadings, navigation, or interactive elements, conveying reliability.

accent

#00FFCC (Spring Green) - A luminous, unexpected accent that adds a touch of electric freshness, perfect for calls-to-action or key highlights.

background

#4169E1 (Royal Blue) - A deep, calming background color that allows lighter blues and greens to pop, creating depth and tranquility. A lighter option is #00CED1.

text

#00CED1 (Dark Turquoise) - Effective for striking headlines on lighter backgrounds. For body text, white or a very light gray (e.g., #EEEEEE) will offer optimal readability on darker blues.

Accessibility notes

  • Ensure sufficient contrast between #00BFFF or #00CED1 and any text, especially on other light blues.
  • Pair #4169E1 or #1E90FF with white or light gray text for optimal readability.
  • Avoid using #00FFCC for extensive body text due to its high saturation, which can cause eye fatigue.
  • Always test text color against background color to meet WCAG contrast standards, particularly for critical information.

Recommended combinations

Deep Dive

Creates a sense of oceanic depth and clarity, ideal for backgrounds, aquatic themes, or serene branding.

#4169E1 · #00BFFF · #00CED1

Electric Surface

Perfect for vibrant highlights, interactive elements, or a fresh, modern feel in digital interfaces.

#00FFCC · #1E90FF · #00BFFF

Lagoon Glow

A balanced combination for branding or digital art, offering both depth and a striking electric highlight, evoking clear water.

#00CED1 · #4169E1 · #00FFCC

CSS variables

:root {
  --electric-lagoon-dive-1: #00BFFF;
  --electric-lagoon-dive-2: #00CED1;
  --electric-lagoon-dive-3: #1E90FF;
  --electric-lagoon-dive-4: #4169E1;
  --electric-lagoon-dive-5: #00FFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-lagoon-dive": {
        1: "#00BFFF",
        2: "#00CED1",
        3: "#1E90FF",
        4: "#4169E1",
        5: "#00FFCC",
      }
    }
  }
}

Related searches

electric blue palettevibrant aqua colorslagoon themed designoceanic digital paletterefreshing blue green

Palette colors

Hex values

Color 1#00BFFF
·
Color 2#00CED1
·
Color 3#1E90FF
·
Color 4#4169E1
·
Color 5#00FFCC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
2.3:1Fail
1.6:1Fail
2
1.1:1Fail
1.7:1Fail
2.5:1Fail
1.5:1Fail
3
1.5:1Fail
1.7:1Fail
1.5:1Fail
2.5:1Fail
4
2.3:1Fail
2.5:1Fail
1.5:1Fail
3.7:1AA18
5
1.6:1Fail
1.5:1Fail
2.5:1Fail
3.7:1AA18

Similar palettes

More like Electric Lagoon Dive

View all vibrant
Azure Lagoon Shimmer
Coral Reef Dance
Coral Reef Jewel
Deep Reef Glow
Oceanic Reef Delight
Paradise Lagoon Shimmer