Back to palettes

Palette

Deep Sea Relic

Intense, mysterious blues dive into the unseen depths of the ocean, where ancient relics might lie undisturbed.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000080#0000CD#005A75#191970#483D8B

Palette guide

How to use Deep Sea Relic

Overview

The Deep Sea Relic palette features intense, mysterious blues that dive into the unseen depths of the ocean, where ancient relics might lie undisturbed. With profound tones like #000080, #0000CD, and #191970, this collection is ideal for designs that aim to convey intrigue, history, and a sense of profound discovery. The inclusion of #005A75 and #483D8B adds unique teal and indigo nuances, preventing the palette from becoming monochromatic and adding subtle complexity. Designers can utilize these harmonious blues to create immersive backgrounds, highlight historical themes, or establish a brand identity that speaks to hidden knowledge and timeless exploration.

Best used for

  • Archaeology or history museum websites
  • Mystery or adventure game interfaces
  • Luxury brand websites with a heritage theme
  • Documentary film graphics on ancient discoveries
  • High-end corporate branding with depth
  • Dark mode UI themes for sophisticated apps

Suggested color roles

primary

Use #000080 as the dominant background or brand color to establish a deep, mysterious, and authoritative 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 #0000CD, providing a vibrant yet harmonious blue pop.

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #005A75 or #483D8B 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

Relic Depths

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

#000080 · #191970 · #0000CD

Ancient Blues

Ideal for smooth background transitions, subtle hover effects, or progressive disclosure in user interfaces, with varied deep blues.

#0000CD · #005A75 · #483D8B

Mystic Find

Perfect for a deep background, an indigo for secondary content, and a teal accent for key information or outlines.

#000080 · #483D8B · #005A75

CSS variables

:root {
  --deep-sea-relic-1: #000080;
  --deep-sea-relic-2: #0000CD;
  --deep-sea-relic-3: #005A75;
  --deep-sea-relic-4: #191970;
  --deep-sea-relic-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-relic": {
        1: "#000080",
        2: "#0000CD",
        3: "#005A75",
        4: "#191970",
        5: "#483D8B",
      }
    }
  }
}

Related searches

deep blue relic palettemysterious ocean color schemenavy blue teal designdark blue UI inspirationprofound marine branding

Palette colors

Hex values

Color 1#000080
·
Color 2#0000CD
·
Color 3#005A75
·
Color 4#191970
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
1.1:1Fail
1.8:1Fail
2
1.4:1Fail
1.4:1Fail
1.3:1Fail
1.2:1Fail
3
2.1:1Fail
1.4:1Fail
1.9:1Fail
1.2:1Fail
4
1.1:1Fail
1.3:1Fail
1.9:1Fail
1.6:1Fail
5
1.8:1Fail
1.2:1Fail
1.2:1Fail
1.6:1Fail

Similar palettes

More like Deep Sea Relic

View all dark
Abyssal Midnight Reef
Deep Abyss Current
Deep Cobalt Plunge
Deep Ocean Abyss
Deep Ocean Trench
Deep Ocean Twilight