Back to palettes

Palette

Electric Ocean Current

Lively blues and teals reflecting the powerful and ever-moving depths of the deep sea.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Ocean Current 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 Ocean Current.

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

Data visualization

#00BFFF#1E90FF#00FFFF#4169E1#0056B3

Palette guide

How to use Electric Ocean Current

Overview

The Electric Ocean Current palette features lively blues and teals, reflecting the powerful and ever-moving depths of the deep sea. It combines the bright #00BFFF (Deep Sky Blue), energetic #1E90FF (Dodger Blue), luminous #00FFFF (Cyan), deep #4169E1 (Royal Blue), and a grounding #0056B3 (Dark Blue). This harmonious range of blues evokes refreshing aquatic themes with a dynamic, energetic twist. Designers can utilize these colors to create calming yet vibrant digital experiences, ideal for environmental campaigns, marine tech branding, or aquatic-themed interfaces. Developers will find it suitable for clean, inviting user interfaces that convey trust, freshness, and dynamic movement.

Best used for

  • Marine conservation initiatives
  • Oceanographic research websites
  • Water sports equipment branding
  • Aquatic-themed apps or games
  • Clean energy 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 and depth.

accent

#00FFFF (Cyan) - A luminous, unexpected accent that adds a touch of electric freshness, perfect for calls-to-action or key highlights, mimicking glowing currents.

background

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

text

#0056B3 (Dark Blue) - 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 #00FFFF and any text, especially on other light blues.
  • Pair #4169E1 or #0056B3 with white or light gray text for optimal readability.
  • Avoid using #00FFFF 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 Current

Creates a sense of oceanic depth and movement, ideal for backgrounds, aquatic themes, or serene branding with a dynamic edge.

#4169E1 · #00BFFF · #1E90FF

Electric Wave

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

#00FFFF · #00BFFF · #0056B3

Ocean Pulse

A balanced combination for branding or digital art, offering both depth and a striking electric highlight, evoking powerful ocean currents.

#1E90FF · #4169E1 · #00FFFF

CSS variables

:root {
  --electric-ocean-current-1: #00BFFF;
  --electric-ocean-current-2: #1E90FF;
  --electric-ocean-current-3: #00FFFF;
  --electric-ocean-current-4: #4169E1;
  --electric-ocean-current-5: #0056B3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-ocean-current": {
        1: "#00BFFF",
        2: "#1E90FF",
        3: "#00FFFF",
        4: "#4169E1",
        5: "#0056B3",
      }
    }
  }
}

Related searches

electric ocean bluevibrant water palettedynamic blue greenmarine tech color schemerefreshing ocean UI

Palette colors

Hex values

Color 1#00BFFF
·
Color 2#1E90FF
·
Color 3#00FFFF
·
Color 4#4169E1
·
Color 5#0056B3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.7:1Fail
2.3:1Fail
3.3:1AA18
2
1.5:1Fail
2.6:1Fail
1.5:1Fail
2.2:1Fail
3
1.7:1Fail
2.6:1Fail
3.9:1AA18
5.6:1AA
4
2.3:1Fail
1.5:1Fail
3.9:1AA18
1.5:1Fail
5
3.3:1AA18
2.2:1Fail
5.6:1AA
1.5:1Fail

Similar palettes

More like Electric Ocean Current

View all vibrant
Deep Reef Glow
Azure Lagoon Shimmer
Coral Reef Dance
Coral Reef Jewel
Coral Reef Twilight
Cybernetic Voltage Surge