Back to palettes

Palette

Deep Sea Labyrinth

Mysterious and deep blues evoking the uncharted mazes of the ocean's greatest depths.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000080#0000CD#191970#4169E1#6A5ACD

Palette guide

How to use Deep Sea Labyrinth

Overview

The Deep Sea Labyrinth palette features mysterious and deep blues, evoking the uncharted mazes of the ocean's greatest depths. With rich tones like #000080, #0000CD, and #191970, this palette is ideal for designs that aim to convey intrigue, sophistication, and a sense of profound exploration. The inclusion of #4169E1 and #6A5ACD adds a touch of royal elegance and subtle luminescence, preventing the palette from becoming overly somber. Designers can utilize these harmonious blues to create immersive backgrounds, highlight complex data, or establish a brand identity that speaks to hidden knowledge and timeless discovery.

Best used for

  • Museum exhibits on marine biology
  • Luxury travel agencies specializing in cruises
  • Educational platforms for science and history
  • Mystery or detective game interfaces
  • High-end corporate branding
  • Dark mode UI themes for sophisticated apps

Suggested color roles

primary

Use #000080 as the dominant background or brand color to establish a deep, authoritative, and mysterious foundation.

secondary

Apply #191970 for major content sections, navigation, or as a slightly lighter dark tone to add subtle visual interest.

accent

Highlight interactive elements, calls to action, or key visual features with #4169E1 or #6A5ACD for a vibrant yet harmonious pop.

background

The profound #000080 provides an excellent, almost black canvas, ensuring content stands out with optimal readability for light text.

text

For maximum readability, use crisp white or a very pale blue-gray (e.g., #F0F8FF) for primary text. #6A5ACD can be used for headings on dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #4169E1 or #6A5ACD on darker backgrounds like #000080 or #191970.
  • The subtle differences between the darkest shades might not provide enough contrast for functional elements; use them primarily for aesthetic depth.
  • Always check text and background color combinations against WCAG guidelines for readability, especially for small font sizes.
  • Avoid using #0000CD as a primary text color on similar dark backgrounds; reserve it for larger headings or accents.

Recommended combinations

Labyrinth Depths

Creates a strong dark base with a vibrant blue accent for headings or important UI elements, evoking mystery.

#000080 · #191970 · #4169E1

Royal Journey

Ideal for smooth background transitions, subtle hover effects, or progressive disclosure in user interfaces, with royal tones.

#0000CD · #4169E1 · #6A5ACD

Deep Discovery

Perfect for a deep background, a lighter purple-blue for secondary content, and a supportive dark blue for structure.

#000080 · #6A5ACD · #191970

CSS variables

:root {
  --deep-sea-labyrinth-1: #000080;
  --deep-sea-labyrinth-2: #0000CD;
  --deep-sea-labyrinth-3: #191970;
  --deep-sea-labyrinth-4: #4169E1;
  --deep-sea-labyrinth-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-labyrinth": {
        1: "#000080",
        2: "#0000CD",
        3: "#191970",
        4: "#4169E1",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

deep blue labyrinth palettemysterious ocean color schemeroyal navy design colorsdark blue UI inspirationprofound marine branding

Palette colors

Hex values

Color 1#000080
·
Color 2#0000CD
·
Color 3#191970
·
Color 4#4169E1
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.1:1Fail
3.3:1AA18
3:1AA18
2
1.4:1Fail
1.3:1Fail
2.3:1Fail
2.1:1Fail
3
1.1:1Fail
1.3:1Fail
3.1:1AA18
2.8:1Fail
4
3.3:1AA18
2.3:1Fail
3.1:1AA18
1.1:1Fail
5
3:1AA18
2.1:1Fail
2.8:1Fail
1.1:1Fail

Similar palettes

More like Deep Sea Labyrinth

View all dark
Abyss Glow Deep
Abyssal Current Flow
Abyssal Light Veil
Abyssal Luminous Depths
Abyssal Luminous Flora
Abyssal Trench Mystery