Back to palettes

Palette

Deep Sea Grotto

Intense, dark blues reflecting the hidden mysteries and shadows of a deep-sea grotto.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000033#191970#000080#0000CD#0A1128

Palette guide

How to use Deep Sea Grotto

Overview

The Deep Sea Grotto palette offers an intense and profound journey into dark blues, reflecting the hidden mysteries of an underwater cavern. With shades ranging from the near-black #000033 to the slightly brighter #0000CD, this palette is perfect for designs that aim to evoke depth, seriousness, or a sense of quiet power. The inclusion of #191970 and #0A1128 provides subtle variations that add texture without losing the overall somber, sophisticated feel. Designers can utilize these deep tones to create immersive backgrounds or to underscore a sense of classic elegance and timelessness in their projects.

Best used for

  • Luxury watch or jewelry brand websites
  • High-end corporate branding
  • Sci-fi or mystery book covers
  • Dark mode themes for productivity apps
  • Underwater photography portfolios
  • Elegant event invitations

Suggested color roles

primary

Employ #000033 as the foundational color for large backgrounds or primary branding to establish deep, unwavering authority.

secondary

Use #191970 for secondary sections, navigation bars, or as a contrasting dark shade to add subtle visual interest.

accent

Apply #0000CD sparingly for interactive elements or key highlights, offering a vibrant yet harmonious blue accent.

background

The profound #0A1128 provides an excellent, almost black backdrop, allowing lighter elements to truly stand out.

text

For readability, use crisp white or a very light gray (e.g., #EEEEEE) for all text on these dark blue backgrounds.

Accessibility notes

  • Ensure all text, especially smaller fonts, has sufficient contrast against the very dark blues like #000033 and #0A1128.
  • The subtle differences between #000033, #191970, and #0A1128 may not be distinguishable for some users; use them carefully for critical information.
  • Avoid using #000080 or #0000CD for small text on similarly dark backgrounds; reserve them for larger headings or accents.
  • Always test the color combinations with a contrast checker to meet WCAG AA or AAA standards.

Recommended combinations

Abyssal Depths

Creates a strong, dark base with a contrasting, eye-catching blue for main titles or key features.

#000033 · #0A1128 · #0000CD

Grotto Shadows

Perfect for layered backgrounds, subtle depth effects, or progressive disclosure in user interfaces.

#000033 · #191970 · #000080

Deep Contrast

Ideal for a primary dark background with a brighter blue for call-to-action buttons and a supportive dark blue.

#0A1128 · #0000CD · #191970

CSS variables

:root {
  --deep-sea-grotto-1: #000033;
  --deep-sea-grotto-2: #191970;
  --deep-sea-grotto-3: #000080;
  --deep-sea-grotto-4: #0000CD;
  --deep-sea-grotto-5: #0A1128;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-grotto": {
        1: "#000033",
        2: "#191970",
        3: "#000080",
        4: "#0000CD",
        5: "#0A1128",
      }
    }
  }
}

Related searches

dark blue color schemesmysterious ocean palettenavy grotto colorssophisticated deep blueelegant dark UI colors

Palette colors

Hex values

Color 1#000033
·
Color 2#191970
·
Color 3#000080
·
Color 4#0000CD
·
Color 5#0A1128
·

Accessibility

Contrast checker

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

Similar palettes

More like Deep Sea Grotto

View all dark
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths
Abyssal Glow Wonders
Abyssal Reef Mystery