Back to palettes

Palette

Deep Sea Luminous

Intense blues and teals that capture the mysterious, glowing depths of the abyssal ocean.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00008B#00BFFF#20B2AA#1E90FF#00FFFF

Palette guide

How to use Deep Sea Luminous

Overview

The Deep Sea Luminous palette features intense blues and teals that capture the mysterious, glowing depths of the abyssal ocean. With vibrant hues like #00008B, #00BFFF, and #00FFFF, this collection offers a high-energy, captivating aesthetic. The inclusion of #20B2AA and #1E90FF provides a harmonious blend of deep and bright tones, perfect for designs that aim to convey vitality, advanced technology, or a sense of thrilling exploration. Designers can leverage these striking colors to create dynamic visual compositions, highlight critical information, or build immersive digital experiences that truly stand out and captivate the audience with their luminous quality.

Best used for

  • Sci-fi game UI/UX design
  • Digital art and illustration for fantasy themes
  • Energy drink or sports brand marketing
  • High-tech product interfaces
  • Educational content on deep-sea life
  • Interactive storytelling platforms

Suggested color roles

primary

Use #00008B as the dominant background or primary brand color to establish a deep, powerful, and mysterious foundation.

secondary

Apply #1E90FF 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 #00BFFF or #00FFFF for maximum, luminous impact.

background

The profound #00008B creates an excellent, dark canvas, ensuring content stands out with optimal readability for light text.

text

For primary text, use crisp white or a very pale blue (e.g., #F0F8FF) on dark backgrounds. Use accent colors for large headings or calls to action.

Accessibility notes

  • Ensure high contrast for text, especially when using #00BFFF or #00FFFF 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., #00BFFF on #00FFFF) in close proximity for critical information due to potential contrast issues.

Recommended combinations

Abyssal Radiance

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

#00008B · #00BFFF · #00FFFF

Deep Teal Glow

Ideal for a deep background with a vibrant teal for important features and a strong blue for interaction.

#00008B · #20B2AA · #1E90FF

Luminous Pop

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

#00008B · #00FFFF · #20B2AA

CSS variables

:root {
  --deep-sea-luminous-1: #00008B;
  --deep-sea-luminous-2: #00BFFF;
  --deep-sea-luminous-3: #20B2AA;
  --deep-sea-luminous-4: #1E90FF;
  --deep-sea-luminous-5: #00FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-luminous": {
        1: "#00008B",
        2: "#00BFFF",
        3: "#20B2AA",
        4: "#1E90FF",
        5: "#00FFFF",
      }
    }
  }
}

Related searches

deep blue luminous paletteglowing ocean color schemevibrant blue teal UIbioluminescent marine designabyssal glow colors

Palette colors

Hex values

Color 1#00008B
·
Color 2#00BFFF
·
Color 3#20B2AA
·
Color 4#1E90FF
·
Color 5#00FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
7.2:1AAA
5.8:1AA
4.7:1AA
12.2:1AAA
2
7.2:1AAA
1.2:1Fail
1.5:1Fail
1.7:1Fail
3
5.8:1AA
1.2:1Fail
1.2:1Fail
2.1:1Fail
4
4.7:1AA
1.5:1Fail
1.2:1Fail
2.6:1Fail
5
12.2:1AAA
1.7:1Fail
2.1:1Fail
2.6:1Fail

Similar palettes

More like Deep Sea Luminous

View all cool
Ocean Depths Echo
Abyssal Bioluminescence
Deep Ocean Bloom
Deep Ocean Currents
Deep Ocean Trench
Deep Sea Shimmer