Back to palettes

Palette

Abyssal Light Organism

Profound darks contrasted with vivid, eerie blues and greens, evoking deep-sea bioluminescence.

Darkdark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0A2A#2A0A4A#00FFFF#00FF7F#00001A

Palette guide

How to use Abyssal Light Organism

Overview

The Abyssal Light Organism palette features profound darks contrasted with vivid, eerie blues and greens, evoking deep-sea bioluminescence. Anchored by the deep blue-purple #0A0A2A and the near-black #00001A, it sets a dramatic, sophisticated stage. The palette is brought to life by the electric #00FFFF and the vibrant #00FF7F, mimicking otherworldly glows. Designers can leverage this for projects requiring high impact and a sense of futuristic wonder, while developers will find the clear contrast between dark backgrounds and intense accents, like #00FFFF, ideal for creating engaging and accessible user interfaces that truly stand out.

Best used for

  • Sci-fi game UI and environments
  • Electronic music event promotions
  • Futuristic tech branding
  • Dark mode interfaces with vivid accents
  • Digital art and illustration with glowing effects
  • Interactive data visualizations for complex systems

Suggested color roles

primary

Utilize #00001A as the main content color or for prominent section backgrounds, offering a truly deep, almost absolute dark.

secondary

Apply #2A0A4A for secondary information, subheadings, or as a complementary background texture, adding a rich, dark purple layer.

accent

Make interactive elements, calls to action, or key data points pop with the vibrant #00FFFF, ensuring high visibility and an electric feel.

background

Establish a profound, mysterious backdrop using #0A0A2A, providing a deep blue-purple foundation for the glowing accents.

text

For strong highlight text, use #00FFFF or #00FF7F. For general body text, crisp white or a very light grey is essential for readability against the dark backgrounds.

Accessibility notes

  • Ensure #00FFFF and #00FF7F provide excellent contrast for text against #0A0A2A, #00001A, and #2A0A4A.
  • The contrast between #0A0A2A and #00001A is extremely low; use for large, non-critical graphical elements only.
  • Always test text legibility, especially for smaller font sizes, when using any of the darker purples together.
  • A stark white is often the safest choice for critical text on dark backgrounds to meet accessibility standards.

Recommended combinations

Electric Abyss

Perfect for a dramatic dark background with primary content and a striking, electric highlight or call to action.

#0A0A2A · #00001A · #00FFFF

Bioluminescent Duo

Creates a dark purple base with a vivid green accent, suitable for data visualization or hierarchical information with a glow.

#00001A · #2A0A4A · #00FF7F

Deep Glow

Excellent for bold hero sections or graphic elements that demand attention with a dark base and two intense, glowing accents.

#0A0A2A · #00FFFF · #00FF7F

CSS variables

:root {
  --abyssal-light-organism-1: #0A0A2A;
  --abyssal-light-organism-2: #2A0A4A;
  --abyssal-light-organism-3: #00FFFF;
  --abyssal-light-organism-4: #00FF7F;
  --abyssal-light-organism-5: #00001A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abyssal-light-organism": {
        1: "#0A0A2A",
        2: "#2A0A4A",
        3: "#00FFFF",
        4: "#00FF7F",
        5: "#00001A",
      }
    }
  }
}

Related searches

dark bioluminescent paletteelectric deep sea colorsfuturistic dark mode schemevivid cyan green paletteabyssal glow ui

Palette colors

Hex values

Color 1#0A0A2A
·
Color 2#2A0A4A
·
Color 3#00FFFF
·
Color 4#00FF7F
·
Color 5#00001A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
15.4:1AAA
14.3:1AAA
1.1:1Fail
2
1.1:1Fail
13.5:1AAA
12.6:1AAA
1.2:1Fail
3
15.4:1AAA
13.5:1AAA
1.1:1Fail
16.5:1AAA
4
14.3:1AAA
12.6:1AAA
1.1:1Fail
15.4:1AAA
5
1.1:1Fail
1.2:1Fail
16.5:1AAA
15.4:1AAA

Similar palettes

More like Abyssal Light Organism

View all Dark
Deep Sea Lumen
Midnight Ocean Depths
Nebula Whisper Violet
Ancient Bronze Ritual
Arid Dusk Hues
Celestial Ocean Depth