Back to palettes

Palette

Oceanic Abyss Glimmer

Dark, profound blues and greys reflecting the mysterious depths of the ocean where light barely touches.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Oceanic Abyss Glimmer 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 Oceanic Abyss Glimmer.

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

Data visualization

#0A0A0A#1B2F3D#3F5B6D#678A9B#070707

Palette guide

How to use Oceanic Abyss Glimmer

Overview

The Oceanic Abyss Glimmer palette offers a profound journey into the ocean's mysterious depths, where light barely touches. This collection of dark blues and greys, including #0A0A0A, #1B2F3D, and #3F5B6D, is ideal for designs demanding a sophisticated, minimalist, and deeply atmospheric aesthetic. The nearly black #070707 grounds the palette, while the lighter #678A9B provides a crucial point of contrast, like a distant glimmer in the abyss. Designers can leverage these hex codes for luxury branding, sleek dark mode interfaces, or any project requiring a sense of serious elegance and depth. Developers will find them perfect for creating immersive user experiences with a focus on subtle textures and profound visual impact.

Best used for

  • High-end fashion websites
  • Minimalist dark mode themes
  • Photography portfolios
  • Luxury product packaging
  • Cinematic title sequences
  • Sophisticated technology interfaces

Suggested color roles

primary

#070707 - This profound, near-black serves as the ultimate background, creating an immersive, infinite depth for content.

secondary

#1B2F3D - A dark, muted blue-grey, excellent for subtle section dividers, card backgrounds, or secondary navigation.

accent

#3F5B6D - A mid-tone blue-grey, ideal for interactive elements like buttons, progress indicators, or hover states to provide gentle feedback.

background

#070707 - Establishes a super dark, clean canvas, making any lighter elements truly "glimmer."

text

#678A9B - This light blue-grey is perfect for primary text, offering good readability and a soft contrast against the deep backgrounds.

Accessibility notes

  • Ensure #678A9B text has strong contrast against #070707 and #1B2F3D for WCAG AA compliance.
  • Avoid using #1B2F3D text on #3F5B6D backgrounds; the contrast is likely insufficient for readability.
  • For smaller text or critical UI elements, always use #678A9B or white to ensure legibility.
  • Reserve the darkest colors for large background areas and graphical elements, not primary text.

Recommended combinations

Abyssal Foundation

#070707 for the main canvas, #1B2F3D for content blocks, and #678A9B for all text.

#070707 · #1B2F3D · #678A9B

Deep Glimmer

Use #0A0A0A as a background, #3F5B6D for interactive components, and #678A9B for highlights.

#0A0A0A · #3F5B6D · #678A9B

Subtle Layers

A layered approach using #1B2F3D as base, #3F5B6D for cards, and #678A9B for text/icons.

#1B2F3D · #3F5B6D · #678A9B

CSS variables

:root {
  --oceanic-abyss-glimmer-1: #0A0A0A;
  --oceanic-abyss-glimmer-2: #1B2F3D;
  --oceanic-abyss-glimmer-3: #3F5B6D;
  --oceanic-abyss-glimmer-4: #678A9B;
  --oceanic-abyss-glimmer-5: #070707;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-abyss-glimmer": {
        1: "#0A0A0A",
        2: "#1B2F3D",
        3: "#3F5B6D",
        4: "#678A9B",
        5: "#070707",
      }
    }
  }
}

Related searches

dark blue grey paletteminimalist dark theme colorsdeep ocean web palettesophisticated dark uisubtle grey blue branding

Palette colors

Hex values

Color 1#0A0A0A
·
Color 2#1B2F3D
·
Color 3#3F5B6D
·
Color 4#678A9B
·
Color 5#070707
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.8:1Fail
5.4:1AA
1:1Fail
2
1.4:1Fail
1.9:1Fail
3.7:1AA18
1.5:1Fail
3
2.8:1Fail
1.9:1Fail
1.9:1Fail
2.8:1Fail
4
5.4:1AA
3.7:1AA18
1.9:1Fail
5.5:1AA
5
1:1Fail
1.5:1Fail
2.8:1Fail
5.5:1AA

Similar palettes

More like Oceanic Abyss Glimmer

View all dark
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths
Abyssal Rift Shimmer
Abyssal Trench Dive