Palette

Abyssal Biolume Shimmer

Ethereal blues emerge from near-black, mimicking the captivating glow of life in the deepest, darkest parts of the ocean.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abyssal Biolume 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 Abyssal Biolume Shimmer.

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

Data visualization

#01040A#031D33#083D77#266BB0#4CB5F5

Palette guide

How to use Abyssal Biolume Shimmer

Overview

The Abyssal Biolume Shimmer palette features ethereal blues emerging from near-black, mimicking the captivating glow of life in the deepest, darkest parts of the ocean. This dark-themed collection includes a profound Near Black (#01040A), a deep Midnight Blue (#031D33), a rich Dark Blue (#083D77), a vibrant Medium Blue (#266BB0), and a bright Sky Blue (#4CB5F5). Designers and developers can leverage these captivating hues to create immersive dark mode UI, sophisticated branding, or evocative digital art. Its focus on a gradient of blues culminating in a luminous shimmer ensures designs are both mysterious and visually engaging, perfect for conveying a sense of wonder and hidden beauty.

Best used for

Dark mode UI/UX designs for apps and websites
Sci-fi or fantasy-themed digital art
Luxury branding with an enigmatic appeal
Environmental documentaries and deep-sea exploration media
Abstract space or underwater graphics
Gaming interfaces requiring atmospheric depth

Suggested color roles

primary

#01040A (Near Black) - Use this deepest tone for dominant backgrounds, large sections, or primary text to establish profound depth and mystery.

secondary

#031D33 (Midnight Blue) - Excellent for secondary content areas, prominent navigation, or to provide a rich, slightly lighter tone for hierarchy.

accent

#4CB5F5 (Sky Blue) - Deploy this bright sky blue sparingly for highlights, interactive states, or small details that need to truly pop with a luminous effect.

background

Utilize #01040A (Near Black) for an immersive, dark backdrop or #031D33 (Midnight Blue) for a slightly less intense, yet deep and mysterious canvas.

text

For optimal readability, use crisp white (#FFFFFF) or #4CB5F5 (Sky Blue) on darker backgrounds, and a light gray (#E0E0E0) for general text on deep blues.

Accessibility notes

Ensure sufficient contrast when using lighter blues like #266BB0 for text on mid-tone blue backgrounds; always test for readability.
Always verify contrast ratios for all text and interactive elements to meet WCAG AA or AAA standards, especially for small text on dark backgrounds.
Be mindful that subtle tonal shifts between #01040A and #031D33 might not provide enough distinction for all users; use other cues for interactive elements.
The vibrant #4CB5F5 accent requires careful placement to avoid overwhelming the user; use it for specific focal points like calls to action.

Recommended combinations

Deep Dive

Ideal for creating layered backgrounds, immersive hero sections, or a strong, harmonious base for dark-themed designs.

#01040A · #031D33 · #083D77

Luminous Shimmer

Effective for highlights, interactive elements, or to represent bioluminescent effects against a dark, mysterious backdrop.

#4CB5F5 · #266BB0 · #031D33

Abyssal Flow

Perfect for data visualizations, progress bars, or any element requiring a smooth, flowing transition of blues from dark to light.

#083D77 · #266BB0 · #4CB5F5

CSS variables

:root {
  --abyssal-biolume-shimmer-1: #01040A;
  --abyssal-biolume-shimmer-2: #031D33;
  --abyssal-biolume-shimmer-3: #083D77;
  --abyssal-biolume-shimmer-4: #266BB0;
  --abyssal-biolume-shimmer-5: #4CB5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abyssal-biolume-shimmer": {
        1: "#01040A",
        2: "#031D33",
        3: "#083D77",
        4: "#266BB0",
        5: "#4CB5F5",
      }
    }
  }
}

Hex values

Color 1#01040A

Color 2#031D33

Color 3#083D77

Color 4#266BB0

Color 5#4CB5F5

Accessibility

Contrast checker

1.2:1Fail

1.9:1Fail

3.7:1AA18

9:1AAA

1.2:1Fail

1.6:1Fail

3.1:1AA18

7.5:1AAA

1.9:1Fail

1.6:1Fail

2:1Fail

4.8:1AA

3.7:1AA18

3.1:1AA18

2:1Fail

2.4:1Fail

9:1AAA

7.5:1AAA

4.8:1AA

2.4:1Fail

Similar palettes

More like Abyssal Biolume Shimmer

View all dark

Abyss Glow Deep

Abyssal Light Veil

Abyssal Luminous Depths

Deep Ocean Mariana

Deep Sea Luminous

Oceanic Abyss Lumina