Back to palettes

Palette

Deep Sea Luminescence

Plunge into the mysterious depths of the ocean with this gradient of deep, dark blues and hints of iridescence.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Sea Luminescence 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 Sea Luminescence.

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

Data visualization

#000033#000066#1A1A52#333399#6666CC

Palette guide

How to use Deep Sea Luminescence

Overview

The Deep Sea Luminescence palette plunges into the mysterious depths of the ocean with a gradient of deep, dark blues and hints of iridescence. From the profound #000033 to the slightly lighter #6666CC, this collection offers a sophisticated and immersive aesthetic, perfect for designs that aim to convey mystery, depth, or advanced technology. The harmonious progression of shades like #000066, #1A1A52, and #333399 allows for seamless visual flow and the creation of layered, intriguing backgrounds. Designers can leverage this palette to evoke trust, professionalism, or a comforting sense of escapism, making it highly versatile for various digital and print applications.

Best used for

  • Luxury brand websites and apps
  • High-tech product interfaces (UI/UX)
  • Space or astronomy themed content
  • Professional corporate branding
  • Dark mode UI themes for sophisticated apps
  • Event branding for elegant gatherings

Suggested color roles

primary

Use #000033 as the dominant background or brand color to establish a deep, mysterious, and authoritative foundation.

secondary

Apply #000066 for major content sections, navigation, or as a slightly lighter dark tone to add subtle visual structure.

accent

Highlight interactive elements, calls to action, or key visual features with #6666CC, providing a gentle, iridescent contrast.

background

The profound #000033 creates an excellent, almost black canvas, ensuring content stands out with optimal readability for light text.

text

For primary text, use crisp white or a very pale blue-gray (e.g., #F0F8FF) on dark backgrounds. #333399 can be used for secondary text on darker blues.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #333399 or #6666CC on darker backgrounds like #000033 or #000066.
  • The subtle differences between the darker shades might not provide enough contrast for functional elements; use them primarily for aesthetic depth.
  • Always check text and background color combinations against WCAG guidelines for readability, especially for small font sizes.
  • Avoid using #1A1A52 as a primary text color on similar dark backgrounds; reserve it for larger headings or accents.

Recommended combinations

Deep Iridescence

Creates a deep, mysterious base with a soft, iridescent highlight for headings or important UI elements, evoking elegance.

#000033 · #000066 · #6666CC

Blue Spectrum

Ideal for seamless background transitions, subtle hover effects, or progressive disclosure in user interfaces, with graduated blues.

#000066 · #1A1A52 · #333399

Luminous Contrast

Perfect for a deep background, a lighter blue for calls to action, and a supportive dark blue for secondary elements.

#000033 · #6666CC · #1A1A52

CSS variables

:root {
  --deep-sea-luminescence-1: #000033;
  --deep-sea-luminescence-2: #000066;
  --deep-sea-luminescence-3: #1A1A52;
  --deep-sea-luminescence-4: #333399;
  --deep-sea-luminescence-5: #6666CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-luminescence": {
        1: "#000033",
        2: "#000066",
        3: "#1A1A52",
        4: "#333399",
        5: "#6666CC",
      }
    }
  }
}

Related searches

deep blue gradient palettemysterious ocean luminescencedark iridescent color schemesophisticated blue UI designnavy purple deep sea

Palette colors

Hex values

Color 1#000033
·
Color 2#000066
·
Color 3#1A1A52
·
Color 4#333399
·
Color 5#6666CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
2:1Fail
4.1:1AA18
2
1.1:1Fail
1.1:1Fail
1.7:1Fail
3.6:1AA18
3
1.3:1Fail
1.1:1Fail
1.6:1Fail
3.3:1AA18
4
2:1Fail
1.7:1Fail
1.6:1Fail
2.1:1Fail
5
4.1:1AA18
3.6:1AA18
3.3:1AA18
2.1:1Fail

Similar palettes

More like Deep Sea Luminescence

View all dark
Twilight Ocean Vortex
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Bloom
Abyssal Coral Bloom
Abyssal Coral Glow