Back to palettes

Palette

Oceanic Hydro Current

The powerful and dynamic flow of a deep oceanic current, expressed through vibrant and intense blues.

coolenergetic5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Oceanic Hydro 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 Oceanic Hydro Current.

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

Data visualization

#000080#0000CD#4169E1#1E90FF#00BFFF

Palette guide

How to use Oceanic Hydro Current

Overview

The "Oceanic Hydro Current" palette is a dynamic and intense collection of blues, capturing the powerful flow of deep ocean currents. This energetic spectrum ranges from the profound navy of #000080 and #0000CD to the vibrant royal blue of #4169E1. It further brightens with the striking dodger blue #1E90FF and the luminous deep sky blue #00BFFF. This palette is ideal for projects that demand a sense of power, movement, and advanced technology. Designers can leverage these deep and bright blues to create impactful branding, immersive digital experiences, or compelling data visualizations. Developers will find this palette highly effective for crafting applications that convey speed, precision, and modernity, ensuring a strong and consistent visual language across all elements.

Best used for

  • Sports and fitness brands (especially water sports)
  • Automotive or high-performance technology
  • Gaming interfaces or thematic elements
  • Data analytics dashboards (clarity, depth)
  • Action-oriented mobile applications
  • Science and research communication

Suggested color roles

primary

A deep, assertive blue #0000CD, perfect for main headings, brand logos, or core UI elements that need to convey strength and reliability.

secondary

A vibrant royal blue #4169E1, excellent for interactive elements, secondary calls-to-action, or graphic accents to add energy and engagement.

accent

A bright, dynamic dodger blue #1E90FF, ideal for highlighting key information, progress indicators, or elements requiring immediate attention.

background

A very deep, classic navy #000080, providing a powerful and immersive background that makes brighter blues truly pop.

text

Use white or a very light gray for primary text on dark backgrounds like #000080 or #0000CD. For subheadings or emphasis, #1E90FF can be used with careful contrast checks.

Accessibility notes

  • Always use white or very light text on the darkest blues like #000080 and #0000CD to ensure optimal readability.
  • Avoid using mid-tone blues for text on other mid-tone blue backgrounds without checking WCAG contrast ratios.
  • For interactive elements, ensure sufficient contrast for hover/focus states, especially with the brighter blues.
  • Consider using larger font sizes for any text that isn't pure white on a very dark background to aid readability.

Recommended combinations

Deep Current

Ideal for background layers, main navigation, or brand identity, establishing a powerful and deep aesthetic.

#000080 · #0000CD · #4169E1

Dynamic Flow

Effective for interactive charts, progress bars, or calls-to-action, conveying energy and movement.

#4169E1 · #1E90FF · #00BFFF

Hydro Contrast

Great for highlighting key data, primary buttons, or impactful headlines, leveraging strong tonal differences.

#0000CD · #1E90FF · #000080

CSS variables

:root {
  --oceanic-hydro-current-1: #000080;
  --oceanic-hydro-current-2: #0000CD;
  --oceanic-hydro-current-3: #4169E1;
  --oceanic-hydro-current-4: #1E90FF;
  --oceanic-hydro-current-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-hydro-current": {
        1: "#000080",
        2: "#0000CD",
        3: "#4169E1",
        4: "#1E90FF",
        5: "#00BFFF",
      }
    }
  }
}

Related searches

energetic blue color schemedynamic ocean ui palettedeep navy royal blue combopowerful water theme colorstech brand blue palette

Palette colors

Hex values

Color 1#000080
·
Color 2#0000CD
·
Color 3#4169E1
·
Color 4#1E90FF
·
Color 5#00BFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.3:1AA18
4.9:1AA
7.5:1AAA
2
1.4:1Fail
2.3:1Fail
3.4:1AA18
5.3:1AA
3
3.3:1AA18
2.3:1Fail
1.5:1Fail
2.3:1Fail
4
4.9:1AA
3.4:1AA18
1.5:1Fail
1.5:1Fail
5
7.5:1AAA
5.3:1AA
2.3:1Fail
1.5:1Fail

Similar palettes

More like Oceanic Hydro Current

View all cool
Abstract Ocean Currents
Aegean Blue Depths
Azure Horizon
Celestial Ocean Reef
Coral Lagoon Gleam
Deep Reef Sapphire