Back to palettes

Palette

Ocean Current Glide

Deep, rich blues that represent the silent, powerful flow of currents in the vast ocean depths.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#191970#000080#4682B4#6495ED#1E90FF

Palette guide

How to use Ocean Current Glide

Overview

The Ocean Current Glide palette plunges into the profound depths of the ocean with its rich, deep blues, capturing the silent and powerful flow of underwater currents. Dominated by majestic shades like #191970 and #000080, it presents a sophisticated and authoritative feel. The inclusion of #4682B4 and the brighter #6495ED and #1E90FF introduces layers of depth and subtle dynamism, allowing for varied visual expressions. Designers and developers can leverage these hex codes to craft truly immersive experiences, from elegant corporate websites to powerful digital art. This palette is perfect for conveying stability, luxury, and a deep connection to nature's most enigmatic forces.

Best used for

  • Luxury brand websites and apps
  • Financial services or corporate branding
  • Deep-sea exploration documentaries
  • High-end tech product interfaces
  • Museum or art gallery digital platforms
  • Sophisticated editorial design

Suggested color roles

primary

Utilize #191970 as the core color for main sections, headers, or foundational branding, establishing a deep and commanding presence.

secondary

Employ #000080 for supporting elements, subheadings, or background panels, offering a slightly different shade of profound blue.

accent

Apply #1E90FF to highlight key information, call-to-action buttons, or interactive elements, providing a clear and energetic focal point.

background

The darker #191970 or #000080 creates an immersive, deep background, while #4682B4 can be used for lighter content areas.

text

For the deep blues, white or a very light grey text is essential for readability. On #6495ED or #1E90FF, use a dark blue like #191970 or black for clear text.

Accessibility notes

  • White text on #191970, #000080, and #4682B4 should meet contrast requirements.
  • Ensure sufficient contrast for dark text on #6495ED and #1E90FF; black or a very dark blue is usually best.
  • Avoid using #4682B4 and #6495ED for text and background in close proximity without rigorous contrast testing.
  • Consider larger font sizes for text on #1E90FF if using any color lighter than black for text.

Recommended combinations

Deep Foundations

Excellent for creating a strong, authoritative base for web interfaces, corporate branding, or sophisticated backgrounds.

#191970 · #000080 · #4682B4

Current Dynamics

Ideal for showcasing movement or progression through gradients, or for highlighting interactive elements against a deep background.

#000080 · #6495ED · #1E90FF

Vivid Contrast

Use #191970 as a dominant background, #4682B4 for content, and #1E90FF for high-impact calls to action or key features.

#191970 · #1E90FF · #4682B4

CSS variables

:root {
  --ocean-current-glide-1: #191970;
  --ocean-current-glide-2: #000080;
  --ocean-current-glide-3: #4682B4;
  --ocean-current-glide-4: #6495ED;
  --ocean-current-glide-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ocean-current-glide": {
        1: "#191970",
        2: "#000080",
        3: "#4682B4",
        4: "#6495ED",
        5: "#1E90FF",
      }
    }
  }
}

Related searches

deep navy blue paletteoceanic blue color schemesophisticated blue hex codescorporate blue brandingunderwater movement colors

Palette colors

Hex values

Color 1#191970
·
Color 2#000080
·
Color 3#4682B4
·
Color 4#6495ED
·
Color 5#1E90FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
3.6:1AA18
5:1AA
4.6:1AA
2
1.1:1Fail
3.9:1AA18
5.4:1AA
4.9:1AA
3
3.6:1AA18
3.9:1AA18
1.4:1Fail
1.3:1Fail
4
5:1AA
5.4:1AA
1.4:1Fail
1.1:1Fail
5
4.6:1AA
4.9:1AA
1.3:1Fail
1.1:1Fail

Similar palettes

More like Ocean Current Glide

View all cool
Deep Current Shimmer
Ocean Current Drift
Abyssal Blue Descent
Abyssal Current Glide
Azure Abyss Calm
Azure Canopy Light