Palette

Deep Sea Lumina

Captures the eerie yet beautiful glow of bioluminescent life in the mysterious, lightless ocean depths.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000033#000066#1E90FF#3CB371#FFD700

Palette guide

How to use Deep Sea Lumina

Overview

The Deep Sea Lumina palette captures the eerie yet beautiful glow of bioluminescent life in the mysterious, lightless ocean depths. Anchored by the deep #000033 and #000066, this palette dramatically introduces vibrant #1E90FF, #3CB371, and #FFD700 as striking accents. This unique combination offers a high-impact, dynamic aesthetic, perfect for designs that aim to convey wonder, danger, or advanced technology. Designers can leverage these intense contrasts to create compelling visual narratives, highlight critical information, or build immersive digital experiences that truly stand out and captivate the audience with their otherworldly glow.

Best used for

Sci-fi game UI/UX design
Digital art and illustration for fantasy themes
Concert or festival branding
High-tech product interfaces
Educational content on deep-sea life
Interactive storytelling platforms

Suggested color roles

primary

Use #000033 as the dominant background or primary brand color to establish a deep, mysterious, and dramatic 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 #1E90FF, #3CB371, or #FFD700 for maximum, bioluminescent impact.

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 gray (e.g., #F0F0F0) on dark backgrounds. Use accent colors for large headings or calls to action.

Accessibility notes

Ensure high contrast for text, especially when using #1E90FF, #3CB371, or #FFD700 as text colors on any background.
The vibrant accents may be challenging for users with color vision deficiencies; provide alternative visual cues where possible.
Always check text and background color combinations against WCAG guidelines for readability.
Avoid using two bright accents (e.g., #3CB371 on #FFD700) in close proximity for critical information due to potential contrast issues.

Recommended combinations

Bioluminescent Glow

Creates a dramatic dark base with glowing blue and green accents, perfect for hero sections or prominent interactive elements.

#000033 · #1E90FF · #3CB371

Deep Treasures

Ideal for a slightly lighter dark background with a golden accent for important features and a vibrant blue for interaction.

#000066 · #FFD700 · #1E90FF

Mystic Energy

Perfect for a very dark background, a vibrant golden accent for calls to action, and a supportive glowing green for secondary elements.

#000033 · #FFD700 · #3CB371

CSS variables

:root {
  --deep-sea-lumina-1: #000033;
  --deep-sea-lumina-2: #000066;
  --deep-sea-lumina-3: #1E90FF;
  --deep-sea-lumina-4: #3CB371;
  --deep-sea-lumina-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-lumina": {
        1: "#000033",
        2: "#000066",
        3: "#1E90FF",
        4: "#3CB371",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#000033

Color 2#000066

Color 3#1E90FF

Color 4#3CB371

Color 5#FFD700

Accessibility

Contrast checker

1.1:1Fail

6.2:1AA

7.5:1AAA

14.3:1AAA

1.1:1Fail

5.4:1AA

6.6:1AA

12.6:1AAA

6.2:1AA

5.4:1AA

1.2:1Fail

2.3:1Fail

7.5:1AAA

6.6:1AA

1.2:1Fail

1.9:1Fail

14.3:1AAA

12.6:1AAA

2.3:1Fail

1.9:1Fail

Similar palettes

More like Deep Sea Lumina

View all dark

Deep Sea Hydrothermal

Abyss Gaze

Abyssal Bioluminescent Glow

Abyssal Coral Glow

Abyssal Deep Current

Abyssal Depths