Palette

Abyssal Luminous Flora

Evokes the mysterious, glowing life forms found in the profound depths of the lightless ocean abyss.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abyssal Luminous Flora 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 Luminous Flora.

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

Data visualization

#1A237E#0D47A1#4CAF50#212121#6A1B9A

Palette guide

How to use Abyssal Luminous Flora

Overview

The Abyssal Luminous Flora palette evokes the mysterious, glowing life forms found in the profound depths of the lightless ocean abyss. With a near-black #212121 as its foundation and the deep indigo #1A237E as its primary, it establishes a dramatic and sophisticated mood. The palette is brought to life by the rich #0D47A1 and #6A1B9A, offering subtle shifts in tone, and is dramatically punctuated by the vibrant #4CAF50, mimicking an unexpected bioluminescent burst. Designers can leverage this palette for projects requiring high impact and a sense of wonder, while developers will find the clear contrast between dark backgrounds and vivid accents, like #4CAF50, ideal for creating engaging and accessible user interfaces.

Best used for

Sci-fi game UI and environments
Luxury tech product launches
Dark theme web and mobile apps
Music event promotions
Digital art and illustration with glowing effects
Interactive educational content on marine biology

Suggested color roles

primary

Use #1A237E for main content areas and structural elements, providing a deep, stable indigo presence.

secondary

Apply #0D47A1 for secondary information, subheadings, or background accents, adding a rich, deep blue layer.

accent

Make interactive elements, calls to action, or key data points pop with the vibrant #4CAF50, ensuring high visibility.

background

Establish a truly dark and mysterious base with #212121, allowing other colors to shine with contrast.

text

For softer, supporting text, consider #6A1B9A. For main body text, a crisp white or very light grey is highly recommended against the dark background.

Accessibility notes

Ensure #4CAF50 or white text provides sufficient contrast against #212121, #1A237E, and #0D47A1 for readability.
The contrast between #1A237E and #0D47A1 can be low for small text; use for larger headings or graphical elements.
Always test text legibility, especially for smaller font sizes, when using #6A1B9A on any of the darker blues.
A stark white is often the safest choice for critical text on dark backgrounds to meet accessibility standards.

Recommended combinations

Abyss Bloom

Ideal for a dark background with primary content and a vivid, eye-catching bioluminescent accent.

#212121 · #1A237E · #4CAF50

Deep Sea Flora

Creates a sophisticated indigo-purple combination for layered UI elements, data visualization, or subtle highlights.

#1A237E · #0D47A1 · #6A1B9A

Mystic Glow

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

#212121 · #6A1B9A · #4CAF50

CSS variables

:root {
  --abyssal-luminous-flora-1: #1A237E;
  --abyssal-luminous-flora-2: #0D47A1;
  --abyssal-luminous-flora-3: #4CAF50;
  --abyssal-luminous-flora-4: #212121;
  --abyssal-luminous-flora-5: #6A1B9A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abyssal-luminous-flora": {
        1: "#1A237E",
        2: "#0D47A1",
        3: "#4CAF50",
        4: "#212121",
        5: "#6A1B9A",
      }
    }
  }
}

Hex values

Color 1#1A237E

Color 2#0D47A1

Color 3#4CAF50

Color 4#212121

Color 5#6A1B9A

Accessibility

Contrast checker

1.5:1Fail

4.8:1AA

1.2:1Fail

1.4:1Fail

1.5:1Fail

3.1:1AA18

1.9:1Fail

1.1:1Fail

4.8:1AA

3.1:1AA18

5.8:1AA

3.4:1AA18

1.2:1Fail

1.9:1Fail

5.8:1AA

1.7:1Fail

1.4:1Fail

1.1:1Fail

3.4:1AA18

1.7:1Fail

Similar palettes

More like Abyssal Luminous Flora

Abyssal Luminous Depths