Back to palettes

Palette

Midnight Current Glimmer

Dark, mysterious blues and teals, highlighted by an ethereal, almost glowing accent, inspired by the ocean's deep.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Current Glimmer 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 Midnight Current Glimmer.

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

Data visualization

#0A1A2A#1E384D#335F7F#6497B1#9FE2BF

Palette guide

How to use Midnight Current Glimmer

Overview

The Midnight Current Glimmer palette plunges into the enigmatic depths of the ocean, offering a cool, mysterious spectrum of blues and teals. Starting with the profound #0A1A2A, it flows through the rich #1E384D and the vibrant #335F7F. The palette culminates in the ethereal #6497B1 and the almost glowing #9FE2BF, reminiscent of bioluminescent life in the deep sea. Designers can harness these shades to create serene yet intriguing digital experiences, perfect for evoking calmness, depth, and a touch of the unknown. Developers will find this palette excellent for marine-themed applications, sophisticated dark mode interfaces, or any project aiming for a cool, refreshing, and subtly glowing aesthetic.

Best used for

  • Marine or aquatic-themed websites
  • Cool-toned dark mode interfaces
  • Environmental conservation branding
  • Wellness and meditation apps
  • Luxury spa or resort marketing
  • Sci-fi interfaces with an oceanic twist

Suggested color roles

primary

Set #0A1A2A as the fundamental background, establishing a deep, immersive oceanic base for your design.

secondary

Use #1E384D for secondary panels, cards, or section backgrounds, providing subtle visual separation and depth.

accent

Reserve #9FE2BF for critical interactive elements, calls-to-action, or highlight states to simulate an ethereal glow.

background

The profound #0A1A2A is ideal as a primary background, creating a vast, dark canvas that evokes deep-sea tranquility.

text

For optimal readability on dark backgrounds, use #9FE2BF or #6497B1 for primary text, ensuring clear visibility.

Accessibility notes

  • Ensure strong contrast for text against #0A1A2A or #1E384D backgrounds, prioritizing #9FE2BF for main body copy.
  • Avoid using #335F7F for small text on #1E384D, as the contrast ratio might be insufficient for WCAG AA.
  • Use #9FE2BF for interactive elements and their focus states to provide clear visual cues for accessibility.
  • Provide an option for a starker contrast (e.g., pure white text) for users who require enhanced readability on dark backgrounds.

Recommended combinations

Deep Sea Core

Excellent for primary layouts, using the deepest blue as a base, a mid-tone for content, and the lightest for key highlights.

#0A1A2A · #1E384D · #9FE2BF

Glimmering Flow

Ideal for creating soft, atmospheric gradients in headers or background elements, transitioning smoothly.

#1E384D · #335F7F · #6497B1

Interactive Shimmer

Perfect for UI components: #0A1A2A as the container, #6497B1 for subtext, and #9FE2BF for active states or icons.

#0A1A2A · #6497B1 · #9FE2BF

CSS variables

:root {
  --midnight-current-glimmer-1: #0A1A2A;
  --midnight-current-glimmer-2: #1E384D;
  --midnight-current-glimmer-3: #335F7F;
  --midnight-current-glimmer-4: #6497B1;
  --midnight-current-glimmer-5: #9FE2BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-current-glimmer": {
        1: "#0A1A2A",
        2: "#1E384D",
        3: "#335F7F",
        4: "#6497B1",
        5: "#9FE2BF",
      }
    }
  }
}

Related searches

deep ocean color schemeglowing teal palettemysterious blue greencool dark ui colorsbioluminescent color palette

Palette colors

Hex values

Color 1#0A1A2A
·
Color 2#1E384D
·
Color 3#335F7F
·
Color 4#6497B1
·
Color 5#9FE2BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.6:1Fail
5.5:1AA
11.8:1AAA
2
1.4:1Fail
1.8:1Fail
3.8:1AA18
8.2:1AAA
3
2.6:1Fail
1.8:1Fail
2.1:1Fail
4.6:1AA
4
5.5:1AA
3.8:1AA18
2.1:1Fail
2.1:1Fail
5
11.8:1AAA
8.2:1AAA
4.6:1AA
2.1:1Fail

Similar palettes

More like Midnight Current Glimmer

View all cool
Deep Sea Hydrothermal
Deep Sea Shimmer
Bioluminescent Abyss
Cobalt Abyss Depths
Cobalt Arctic Depth
Cosmic Ocean Depths