Palette

Deep Ocean Currents

A powerful journey through deep blues, mirroring the immense and silent forces of the ocean's strong currents.

cooldark5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Ocean Currents 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 Deep Ocean Currents.

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

Data visualization

#000080#191970#0000CD#4169E1#6495ED

Palette guide

How to use Deep Ocean Currents

Overview

The "Deep Ocean Currents" palette plunges into the profound depths of the ocean with a rich spectrum of blues, evoking a sense of calm power and vastness. Anchored by the dark, mysterious #000080 and the slightly softer #191970, this collection builds a cohesive narrative of aquatic depth. Brighter, yet still profound, shades like #0000CD and the vibrant #4169E1 introduce dynamic contrast, while #6495ED provides a lighter, ethereal touch, like sunlight filtering through water. Ideal for projects demanding a sophisticated, trustworthy, and immersive blue theme, this palette offers a versatile range for creating impactful visual experiences that resonate with tranquility and strength.

Best used for

Corporate and financial services branding
Marine and environmental conservation websites
Luxury product packaging and digital interfaces
Technology and data visualization dashboards
Spa and wellness brand identity
Educational platforms focusing on science or history

Suggested color roles

primary

#000080 - A very deep navy, perfect for strong brand foundations, large headers, or backgrounds conveying authority and depth.

secondary

#191970 - A slightly less intense dark blue, excellent for supporting panels, sub-headers, or UI elements that need to stand out subtly.

accent

#4169E1 - A vibrant royal blue, ideal for calls-to-action, interactive elements, or key information that requires immediate attention and a pop of energy.

background

#6495ED - A lighter, more serene blue, suitable for spacious content areas, subtle gradients, or as a backdrop that feels open and calming.

text

#0000CD - A rich medium blue for readable body text on light backgrounds or paired with near-white for headings on darker shades, ensuring clarity and brand consistency.

Accessibility notes

Ensure sufficient contrast when using lighter blues like #6495ED for text against white or very light backgrounds.
For dark backgrounds such as #000080 or #191970, use light text (e.g., white or a very light gray) to meet WCAG AA standards.
The vibrant #4169E1 accent should be carefully paired with text to ensure readability, especially for smaller font sizes.
Test color combinations with accessibility checkers, particularly for text overlays on #0000CD and #6495ED backgrounds.

Recommended combinations

Deep Contrast

Ideal for high-impact hero sections, where #000080 provides a strong base, #4169E1 highlights key actions, and #6495ED offers a softer visual balance or sub-text.

#000080 · #4169E1 · #6495ED

Subtle Flow

Excellent for data visualization, informational graphics, or multi-layered UI components, offering a gentle progression of blues that maintain readability.

#191970 · #0000CD · #6495ED

Vibrant Accent

Perfect for digital dashboards or interactive elements where #000080 defines the main area, #4169E1 draws attention to interactive points, and #191970 acts as a secondary information layer.

#000080 · #4169E1 · #191970

CSS variables

:root {
  --deep-ocean-currents-1: #000080;
  --deep-ocean-currents-2: #191970;
  --deep-ocean-currents-3: #0000CD;
  --deep-ocean-currents-4: #4169E1;
  --deep-ocean-currents-5: #6495ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-ocean-currents": {
        1: "#000080",
        2: "#191970",
        3: "#0000CD",
        4: "#4169E1",
        5: "#6495ED",
      }
    }
  }
}

Hex values

Color 1#000080

Color 2#191970

Color 3#0000CD

Color 4#4169E1

Color 5#6495ED

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

3.3:1AA18

5.4:1AA

1.1:1Fail

1.3:1Fail

3.1:1AA18

5:1AA

1.4:1Fail

1.3:1Fail

2.3:1Fail

3.8:1AA18

3.3:1AA18

3.1:1AA18

2.3:1Fail

1.6:1Fail

5.4:1AA

5:1AA

3.8:1AA18

1.6:1Fail

Similar palettes

More like Deep Ocean Currents

View all cool

Abyssal Bioluminescence

Abyssal Current Glide