Back to palettes

Palette

Deep Sea Odyssey

Intense blues that dive into the mysterious, profound depths of the ocean.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000080#191970#0000CD#4682B4#6495ED

Palette guide

How to use Deep Sea Odyssey

Overview

The Deep Sea Odyssey palette features intense blues that dive into the mysterious, profound depths of the ocean. With rich tones like #000080, #191970, and #0000CD, this collection is ideal for designs that aim to convey intrigue, sophistication, and a sense of profound exploration. The inclusion of #4682B4 and #6495ED adds a touch of steel blue 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, perfect for captivating audiences.

Best used for

  • Marine exploration documentary branding
  • Luxury cruise line websites and marketing
  • Educational platforms for oceanography
  • Mystery or adventure 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 #6495ED, 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. #4682B4 can be used for headings on dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #4682B4 or #6495ED 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

Odyssey Depths

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

#000080 · #191970 · #6495ED

Blue Exploration

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

#0000CD · #4682B4 · #6495ED

Profound Contrast

Perfect for a deep background, a lighter blue for calls to action, and a supportive steel blue for secondary elements.

#000080 · #6495ED · #4682B4

CSS variables

:root {
  --deep-sea-odyssey-1: #000080;
  --deep-sea-odyssey-2: #191970;
  --deep-sea-odyssey-3: #0000CD;
  --deep-sea-odyssey-4: #4682B4;
  --deep-sea-odyssey-5: #6495ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-odyssey": {
        1: "#000080",
        2: "#191970",
        3: "#0000CD",
        4: "#4682B4",
        5: "#6495ED",
      }
    }
  }
}

Related searches

deep blue odyssey palettemysterious ocean color schemenavy blue design colorsdark blue UI inspirationprofound marine branding

Palette colors

Hex values

Color 1#000080
·
Color 2#191970
·
Color 3#0000CD
·
Color 4#4682B4
·
Color 5#6495ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
3.9:1AA18
5.4:1AA
2
1.1:1Fail
1.3:1Fail
3.6:1AA18
5:1AA
3
1.4:1Fail
1.3:1Fail
2.7:1Fail
3.8:1AA18
4
3.9:1AA18
3.6:1AA18
2.7:1Fail
1.4:1Fail
5
5.4:1AA
5:1AA
3.8:1AA18
1.4:1Fail

Similar palettes

More like Deep Sea Odyssey

View all dark
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths
Abyssal Glow Wonders