Back to palettes

Palette

Mystical Ocean Depths

Dive into enigmatic ocean depths, where mysterious blues hold ancient secrets in their cool embrace.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystical Ocean Depths 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 Mystical Ocean Depths.

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

Data visualization

#021E32#0A3C59#1D5B80#3E7FA8#69A3D0

Palette guide

How to use Mystical Ocean Depths

Overview

Dive into the serene and enigmatic 'Mystical Ocean Depths' color palette, a curated collection of deep, cool blues perfect for evoking tranquility and mystery. This palette features a profound navy, #021E32, complemented by a rich ocean blue, #0A3C59, and a vibrant azure, #3E7FA8. Ideal for projects that aim for a sophisticated, calming, yet intriguing aesthetic, these shades transition smoothly from the darkest abyssal tones to lighter, shimmering surface reflections. Designers and developers will find this spectrum versatile for creating immersive digital experiences or elegant branding that speaks to depth and wisdom, anchored by the subtle yet impactful #1D5B80 and #69A3D0.

Best used for

  • Luxury brand identity and packaging
  • Marine and aquatic-themed websites or apps
  • Corporate or financial services with a serious yet elegant tone
  • Relaxation and meditation app interfaces
  • High-end interior design concepts
  • Environmental or conservation organization branding

Suggested color roles

primary

Use #021E32 as the foundational dark base for large areas, evoking deep ocean mystery.

secondary

Employ #0A3C59 for supporting elements, headers, or darker UI components to add depth without overwhelming.

accent

Apply #69A3D0 for interactive elements, highlights, or calls-to-action to provide a refreshing contrast.

background

Ideal for dark mode interfaces using #021E32, or a slightly lighter #0A3C59 for less intense backgrounds.

text

For optimal readability, use white or a very light grey on the darker blues. For lighter backgrounds, a deep charcoal is recommended.

Accessibility notes

  • Ensure high contrast when placing light text (e.g., white) on #021E32, #0A3C59, and #1D5B80.
  • Avoid using #3E7FA8 for small text on #69A3D0 backgrounds due to insufficient contrast.
  • Use a contrast checker for text against #1D5B80, as it sits in the mid-range.
  • Consider larger font sizes or bolding for text elements on lighter blues like #69A3D0.

Recommended combinations

Deep Ocean

A classic dark base with a vibrant accent for impactful branding and UI elements.

#021E32 · #0A3C59 · #69A3D0

Misty Depths

Create a smooth, misty gradient effect for background visuals or data visualizations.

#1D5B80 · #3E7FA8 · #69A3D0

Abyssal Contrast

Pair the darkest shade with a mid-tone and a bright highlight for a sophisticated, high-contrast look.

#021E32 · #3E7FA8 · #0A3C59

CSS variables

:root {
  --mystical-ocean-depths-1: #021E32;
  --mystical-ocean-depths-2: #0A3C59;
  --mystical-ocean-depths-3: #1D5B80;
  --mystical-ocean-depths-4: #3E7FA8;
  --mystical-ocean-depths-5: #69A3D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystical-ocean-depths": {
        1: "#021E32",
        2: "#0A3C59",
        3: "#1D5B80",
        4: "#3E7FA8",
        5: "#69A3D0",
      }
    }
  }
}

Related searches

deep blue color schemeocean color palettedark blue web designmysterious color combinationscool blue branding

Palette colors

Hex values

Color 1#021E32
·
Color 2#0A3C59
·
Color 3#1D5B80
·
Color 4#3E7FA8
·
Color 5#69A3D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.9:1AA18
6.3:1AA
2
1.5:1Fail
1.6:1Fail
2.7:1Fail
4.3:1AA18
3
2.3:1Fail
1.6:1Fail
1.7:1Fail
2.7:1Fail
4
3.9:1AA18
2.7:1Fail
1.7:1Fail
1.6:1Fail
5
6.3:1AA
4.3:1AA18
2.7:1Fail
1.6:1Fail

Similar palettes

More like Mystical Ocean Depths

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