Back to palettes

Palette

Deep Sea Anomaly

The mysterious and unknown depths of the ocean, teeming with shadowy life.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0E1A#1E2A4A#0C122C#2A3E5A#4A0E1A

Palette guide

How to use Deep Sea Anomaly

Overview

The Deep Sea Anomaly palette delves into the mysterious and unknown depths of the ocean, teeming with shadowy life. Ranging from the profound #0A0E1A to the intriguing #4A0E1A, this palette is ideal for designs that demand mystery, suspense, and a sense of unexplored territory. Designers can craft immersive digital experiences, captivating branding, and impactful UI themes. Developers will find these hex codes perfect for projects related to science fiction, horror, or any application that benefits from a dark, atmospheric, and visually striking aesthetic. The interplay between #1E2A4A and #0C122C allows for dynamic layering and subtle tension.

Best used for

  • Science fiction game environments or branding
  • Horror or thriller movie websites
  • Abstract art digital platforms
  • Dark mode UI for mysterious applications
  • Environmental research (unexplained phenomena)
  • Experimental creative portfolio sites

Suggested color roles

primary

Utilize #1E2A4A as the main background or primary content color, providing a deep, mysterious, and stable foundation.

secondary

Apply #0C122C for secondary content areas, panels, or navigation, offering a rich visual distinction and layered effect.

accent

Introduce #4A0E1A as a subtle yet unsettling accent for interactive elements, warnings, or key features, creating intrigue.

background

The deepest hue, #0A0E1A, is excellent for expansive backgrounds or header sections, establishing an immediate tone of profound anomaly.

text

For optimal readability, use a crisp white or very light gray. #4A0E1A can be used for larger headings or highlights on the darkest backgrounds, but use sparingly due to low contrast.

Accessibility notes

  • Ensure very high contrast for text on #0A0E1A, #1E2A4A, and #0C122C by using light text (e.g., pure white).
  • The color #4A0E1A has low contrast with other dark colors; use it for large, non-critical accents or decorative elements.
  • Avoid using adjacent dark colors for small text or critical UI elements in close proximity without careful contrast checks.
  • Always test color combinations with accessibility tools to ensure WCAG compliance for readability, especially on such dark themes.

Recommended combinations

Anomaly Depths

Ideal for creating a layered, dark background or card system, conveying profound depth and an unsettling atmosphere.

#0A0E1A · #0C122C · #1E2A4A

Shadowed Mystery

Use #1E2A4A as a base, with #2A3E5A for secondary elements and #4A0E1A for subtle, mysterious highlights or interactive states.

#1E2A4A · #2A3E5A · #4A0E1A

Deep Tension

Excellent for a dark, profound background with a subtle, unsettling accent and a strong mid-tone for supporting details.

#0A0E1A · #4A0E1A · #2A3E5A

CSS variables

:root {
  --deep-sea-anomaly-1: #0A0E1A;
  --deep-sea-anomaly-2: #1E2A4A;
  --deep-sea-anomaly-3: #0C122C;
  --deep-sea-anomaly-4: #2A3E5A;
  --deep-sea-anomaly-5: #4A0E1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-anomaly": {
        1: "#0A0E1A",
        2: "#1E2A4A",
        3: "#0C122C",
        4: "#2A3E5A",
        5: "#4A0E1A",
      }
    }
  }
}

Related searches

dark mysterious color palettedeep blue-black hex codessci-fi dark UI designunsettling color schemeoceanic anomaly branding

Palette colors

Hex values

Color 1#0A0E1A
·
Color 2#1E2A4A
·
Color 3#0C122C
·
Color 4#2A3E5A
·
Color 5#4A0E1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1:1Fail
1.8:1Fail
1.3:1Fail
2
1.4:1Fail
1.3:1Fail
1.3:1Fail
1.1:1Fail
3
1:1Fail
1.3:1Fail
1.7:1Fail
1.2:1Fail
4
1.8:1Fail
1.3:1Fail
1.7:1Fail
1.4:1Fail
5
1.3:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Deep Sea Anomaly

View all dark
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths
Abyssal Rift Shimmer
Abyssal Trench Dive