Back to palettes

Palette

Sapphire Cove Depths

Evokes the mysterious, cool tranquility of deep ocean waters, blending dark blues with lighter aqua accents.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sapphire Cove 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 Sapphire Cove Depths.

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

Data visualization

#0A0F0D#1C252F#0E3B43#2176AE#5788A8

Palette guide

How to use Sapphire Cove Depths

Overview

Sapphire Cove Depths is a palette that plunges into the mysterious and cool tranquility of the deep ocean. It masterfully blends very dark, almost black hues like #0A0F0D with profound blues such as #1C252F and #0E3B43. Lighter, yet still muted, aqua accents like #2176AE and #5788A8 emerge, mimicking light filtering through water. This palette is exceptionally suited for projects requiring a sophisticated, mysterious, or introspective mood. Designers and developers can utilize its dark foundation for dramatic backdrops, contrasting with the brighter blues for key elements and navigation.

Best used for

  • Luxury brand websites (especially tech or automotive)
  • Dark mode UI/UX design
  • Underwater exploration themes
  • Mysterious or suspenseful media projects
  • Elegant evening event invitations
  • High-end digital portfolios

Suggested color roles

primary

Use #0A0F0D (Near Black) as a profoundly dark, almost black primary, ideal for immersive backgrounds, large typography, or creating a sense of luxury and depth.

secondary

Apply #1C252F (Very Dark Blue) as a robust secondary color, slightly softer than the primary, suitable for panels, secondary navigation, or subtle dividers.

accent

Employ #2176AE (Vibrant Deep Blue) as a striking accent for calls to action, important icons, or to introduce a focal point against the dark backdrop.

background

Utilize #0A0F0D (Near Black) as an excellent choice for a dark, sophisticated background, allowing lighter blues to truly shine and create depth.

text

For dark backgrounds like #0A0F0D or #1C252F, use a very light color like white or #5788A8 for readability. For lighter elements, use #0A0F0D.

Accessibility notes

  • Ensure very light text (e.g., white or #5788A8) is used on dark backgrounds like #0A0F0D and #1C252F for optimal contrast.
  • #2176AE can be used for text on #0A0F0D or #1C252F, but check contrast ratios carefully.
  • Avoid using #0E3B43 as text on #1C252F; contrast will be insufficient.
  • Provide sufficient contrast for interactive elements, especially against the dark background.

Recommended combinations

Deep Abyss

Creates a dramatic, high-contrast look perfect for dark mode interfaces or luxury branding.

#0A0F0D · #1C252F · #2176AE

Submerged Glow

A harmonious blend of aqua and blue, ideal for highlighting features or creating visual interest.

#0E3B43 · #2176AE · #5788A8

Midnight Cove

A sophisticated, muted combination for serene backdrops with subtle visual cues.

#0A0F0D · #5788A8 · #1C252F

CSS variables

:root {
  --sapphire-cove-depths-1: #0A0F0D;
  --sapphire-cove-depths-2: #1C252F;
  --sapphire-cove-depths-3: #0E3B43;
  --sapphire-cove-depths-4: #2176AE;
  --sapphire-cove-depths-5: #5788A8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sapphire-cove-depths": {
        1: "#0A0F0D",
        2: "#1C252F",
        3: "#0E3B43",
        4: "#2176AE",
        5: "#5788A8",
      }
    }
  }
}

Related searches

deep ocean color schemedark blue aqua palettemysterious cool colorsluxury dark UI designelegant deep sea palette

Palette colors

Hex values

Color 1#0A0F0D
·
Color 2#1C252F
·
Color 3#0E3B43
·
Color 4#2176AE
·
Color 5#5788A8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
3.9:1AA18
5.1:1AA
2
1.2:1Fail
1.3:1Fail
3.1:1AA18
4.1:1AA18
3
1.6:1Fail
1.3:1Fail
2.5:1Fail
3.2:1AA18
4
3.9:1AA18
3.1:1AA18
2.5:1Fail
1.3:1Fail
5
5.1:1AA
4.1:1AA18
3.2:1AA18
1.3:1Fail

Similar palettes

More like Sapphire Cove Depths

View all cool
Azure Abyss Calm
Indigo Reef Current
Oceanic Abyss Deep
Sapphire Grotto Shimmer
Serene Ocean Depths
Tranquil Abyss Depths