Palette

Abyssal Light Veil

Plunges into the mysterious depths of the ocean, where ethereal bioluminescent lights shimmer.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abyssal Light Veil 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 Light Veil.

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

Data visualization

#050B1B#1B3A4B#2C697B#0CE2E2#75E2E2

Palette guide

How to use Abyssal Light Veil

Overview

The Abyssal Light Veil palette plunges into the mysterious depths of the ocean, where ethereal bioluminescent lights shimmer. Anchored by the profound #050B1B and flowing through the rich #1B3A4B and #2C697B, it cultivates an atmosphere of calm depth and subtle wonder. The palette culminates in the vibrant #0CE2E2 and the luminous #75E2E2, mimicking ethereal light filtering through water. Designers can harness this spectrum for projects demanding a sophisticated, calm, and slightly mysterious aesthetic. Developers will find the clear progression in luminance, especially with the bright #0CE2E2, excellent for creating clear visual hierarchies and readable content in dark-themed interfaces.

Best used for

Serene wellness and meditation apps
Luxury spa or retreat branding
Documentary film titles or graphics
Elegant personal portfolios
Website designs for environmental organizations
Sophisticated art and photography displays

Suggested color roles

primary

Use #1B3A4B for main content blocks and prominent visual elements, providing a solid, deep blue-grey presence.

secondary

Apply #2C697B for secondary navigation, subheadings, or as a softer background for content sections, adding visual interest.

accent

Highlight interactive elements, calls to action, or key information with the vibrant #0CE2E2 to draw attention gently.

background

Set a deep, contemplative mood with #050B1B, creating an expansive and mysterious backdrop.

text

For primary text, especially against darker hues, use #75E2E2 or a crisp white to ensure excellent readability and a soft, luminous effect.

Accessibility notes

The lightest colors, #0CE2E2 and #75E2E2, provide excellent contrast for text against all darker colors in the palette.
Avoid using #1B3A4B on #050B1B for small text due to insufficient contrast; reserve for large headings or graphical elements.
Ensure text using #2C697B has adequate contrast, particularly on lighter backgrounds if used differently.
Always check contrast ratios for any text and background pairings, especially with the mid-tones.

Recommended combinations

Deep Shimmer

Ideal for foundational elements with primary content and a vivid, shimmering highlight or call to action.

#050B1B · #1B3A4B · #0CE2E2

Ethereal Current

Creates a harmonious blue-teal gradient, perfect for layered UI components, charts, or subtle background animations.

#1B3A4B · #2C697B · #75E2E2

Light Veil

Excellent for hero sections that need a dark, mysterious base with soft, glowing accents and clear text.

#050B1B · #0CE2E2 · #75E2E2

CSS variables

:root {
  --abyssal-light-veil-1: #050B1B;
  --abyssal-light-veil-2: #1B3A4B;
  --abyssal-light-veil-3: #2C697B;
  --abyssal-light-veil-4: #0CE2E2;
  --abyssal-light-veil-5: #75E2E2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abyssal-light-veil": {
        1: "#050B1B",
        2: "#1B3A4B",
        3: "#2C697B",
        4: "#0CE2E2",
        5: "#75E2E2",
      }
    }
  }
}

Hex values

Color 1#050B1B

Color 2#1B3A4B

Color 3#2C697B

Color 4#0CE2E2

Color 5#75E2E2

Accessibility

Contrast checker

1.6:1Fail

3.2:1AA18

12.1:1AAA

12.8:1AAA

1.6:1Fail

1.9:1Fail

7.4:1AAA

7.8:1AAA

3.2:1AA18

1.9:1Fail

3.8:1AA18

4:1AA18

12.1:1AAA

7.4:1AAA

3.8:1AA18

1.1:1Fail

12.8:1AAA

7.8:1AAA

4:1AA18

1.1:1Fail

Similar palettes

More like Abyssal Light Veil

View all dark

Abyss Glow Deep

Abyssal Luminous Depths

Deep Ocean Mariana

Oceanic Abyss Mystery

Oceanic Bioluminescence Dream

Abyss Gaze