Palette

Deep Current Shimmer

Capturing the dark, swirling depths of the ocean illuminated by distant, ethereal light.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Current Shimmer 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 Current Shimmer.

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

Data visualization

#0A1128#001F54#034078#1282A2#6497B1

Palette guide

How to use Deep Current Shimmer

Overview

The Deep Current Shimmer palette evokes the mysterious depths of the ocean, offering designers a sophisticated range of cool blues. Starting with the profound darkness of #0A1128, it transitions through the deep indigo #001F54 and the rich sapphire of #034078. The journey lightens with the vibrant teal #1282A2, culminating in the serene, lighter blue of #6497B1. This palette is ideal for projects requiring a sense of calm, professionalism, or oceanic themes. Its gradient nature allows for dynamic visual storytelling, from deep-sea exploration to tranquil, reflective digital interfaces.

Best used for

Luxury brand websites or applications
Marine conservation projects
Corporate identity for tech companies
Spa or wellness retreat branding
Digital art and illustration
Underwater photography displays

Suggested color roles

primary

Use #001F54 for main brand elements and large sections, conveying stability and depth.

secondary

Apply #034078 for subheadings, navigation, or interactive elements, providing a strong, rich contrast.

accent

#1282A2 works beautifully for calls-to-action, highlights, or small illustrative details, adding a vibrant pop.

background

#0A1128 provides a profound, dark canvas, excellent for creating a luxurious or mysterious atmosphere.

text

For dark backgrounds like #0A1128, use a light color like #F2F2F2. For lighter backgrounds, a dark blue like #001F54 is effective.

Accessibility notes

Ensure sufficient contrast when pairing #6497B1 text with #1282A2 or #034078 backgrounds.
White text on #0A1128 or #001F54 generally provides good readability.
Avoid using #1282A2 and #6497B1 in close proximity without significant size or weight differences for text.
Check contrast ratios for all text and interactive elements, especially against #034078.

Recommended combinations

Deep Ocean

Ideal for backgrounds and primary elements, establishing a profound, stable base.

#0A1128 · #001F54 · #034078

Shimmering Depths

Excellent for gradients or layered elements, representing light breaking through deep water.

#001F54 · #1282A2 · #6497B1

Accent Glow

Use the dark base with a rich primary and a striking accent for interactive components.

#0A1128 · #034078 · #1282A2

CSS variables

:root {
  --deep-current-shimmer-1: #0A1128;
  --deep-current-shimmer-2: #001F54;
  --deep-current-shimmer-3: #034078;
  --deep-current-shimmer-4: #1282A2;
  --deep-current-shimmer-5: #6497B1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-current-shimmer": {
        1: "#0A1128",
        2: "#001F54",
        3: "#034078",
        4: "#1282A2",
        5: "#6497B1",
      }
    }
  }
}

Hex values

Color 1#0A1128

Color 2#001F54

Color 3#034078

Color 4#1282A2

Color 5#6497B1

Accessibility

Contrast checker

1.2:1Fail

1.8:1Fail

4.2:1AA18

5.9:1AA

1.2:1Fail

1.5:1Fail

3.6:1AA18

5:1AA

1.8:1Fail

1.5:1Fail

2.4:1Fail

3.3:1AA18

4.2:1AA18

3.6:1AA18

2.4:1Fail

1.4:1Fail

5.9:1AA

5:1AA

3.3:1AA18

1.4:1Fail

Similar palettes

More like Deep Current Shimmer