Back to palettes

Palette

Deep Sea Vent

Mysterious and intense hues found in the deepest parts of the ocean, lit by strange bioluminescence.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#01000B#1B0F3F#3F2E7E#6F5EB2#9E8EED

Palette guide

How to use Deep Sea Vent

Overview

The Deep Sea Vent palette captures the intense, mysterious glow of bioluminescence in the ocean's deepest trenches. This collection of profound purples and blues, ranging from the near-black #01000B to the vibrant #9E8EED, evokes an alien yet captivating beauty. Designers and developers can leverage this palette to create visually striking and immersive experiences, where a sense of wonder and the unknown is paramount. It’s particularly effective for projects that require a dramatic, sophisticated, or futuristic aesthetic, offering a rich spectrum of dark, cool tones.

Best used for

  • Futuristic UI designs
  • Fantasy or sci-fi game environments
  • Event branding for tech conferences
  • Abstract digital art installations
  • Luxury product packaging
  • Creative portfolio websites

Suggested color roles

primary

#3F2E7E - A deep, rich indigo-purple, excellent for main content panels, hero sections, or significant branding elements, providing a strong visual anchor.

secondary

#1B0F3F - A very dark, mysterious purple, ideal for secondary backgrounds, navigation bars, or subtle shadow effects, adding depth.

accent

#9E8EED - A luminous, almost glowing lavender, perfect for interactive elements, calls-to-action, or important notifications that need to stand out.

background

#01000B - The deepest, almost pure black-blue, establishing a vast, cosmic, or abyssal backdrop for the entire design.

text

#9E8EED - For primary text on dark backgrounds, ensuring excellent readability and a harmonious, glowing effect.

Accessibility notes

  • Ensure #9E8EED text has sufficient contrast against #01000B and #1B0F3F backgrounds to meet WCAG AA standards.
  • Avoid using mid-tones like #3F2E7E or #6F5EB2 for small body text on similarly dark backgrounds without rigorous contrast testing.
  • Use #9E8EED for all critical information and interactive states to maximize visibility.
  • Consider providing an option for users to switch to a higher contrast mode if the default palette doesn't fully satisfy all accessibility requirements for large volumes of text.

Recommended combinations

Abyssal Glow

Excellent for a dramatic background with a vibrant highlight, such as a website hero section with glowing text.

#01000B · #1B0F3F · #9E8EED

Mystic Layers

Creates a sophisticated layered effect for complex interfaces or data dashboards, moving from darker to lighter purples.

#1B0F3F · #3F2E7E · #6F5EB2

Cosmic Contrast

Useful for content blocks where #01000B is the panel background, #6F5EB2 for headings, and #3F2E7E for body text.

#01000B · #6F5EB2 · #3F2E7E

CSS variables

:root {
  --deep-sea-vent-1: #01000B;
  --deep-sea-vent-2: #1B0F3F;
  --deep-sea-vent-3: #3F2E7E;
  --deep-sea-vent-4: #6F5EB2;
  --deep-sea-vent-5: #9E8EED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-vent": {
        1: "#01000B",
        2: "#1B0F3F",
        3: "#3F2E7E",
        4: "#6F5EB2",
        5: "#9E8EED",
      }
    }
  }
}

Related searches

deep purple color schemesbioluminescent design palettealien aesthetic colorsfuturistic dark UImysterious violet hex

Palette colors

Hex values

Color 1#01000B
·
Color 2#1B0F3F
·
Color 3#3F2E7E
·
Color 4#6F5EB2
·
Color 5#9E8EED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
3.9:1AA18
7.5:1AAA
2
1.2:1Fail
1.6:1Fail
3.3:1AA18
6.4:1AA
3
1.9:1Fail
1.6:1Fail
2.1:1Fail
4:1AA18
4
3.9:1AA18
3.3:1AA18
2.1:1Fail
1.9:1Fail
5
7.5:1AAA
6.4:1AA
4:1AA18
1.9:1Fail

Similar palettes

More like Deep Sea Vent

View all dark
Deep Abyss Current
Deep Sea Thermal Vent
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Bloom