Back to palettes

Palette

Oceanic Abyss Gaze

Plunges into the mysterious depths of the ocean, with intense blues and dark teals.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A2239#0E3B43#2F585C#638E96#071728

Palette guide

How to use Oceanic Abyss Gaze

Overview

The Oceanic Abyss Gaze palette plunges into the mysterious depths of the ocean, offering a sophisticated blend of intense blues and dark teals. With core colors like #0A2239, #0E3B43, and #2F585C, this palette is perfect for designs seeking to evoke mystery, coolness, and deep tranquility. The lighter #638E96 provides a much-needed contrast point, akin to light filtering through deep water. Designers can utilize these hues for elegant branding, immersive digital experiences, or UI elements that require a subdued yet rich aesthetic. Developers will find these hex codes excellent for creating compelling dark themes, subtle gradients, or sophisticated data visualizations that benefit from a cool, profound color story.

Best used for

  • Luxury brand websites
  • Deep-sea exploration themes
  • Meditation or wellness apps
  • High-end tech product interfaces
  • Art gallery or museum digital presence
  • Sophisticated dark mode interfaces

Suggested color roles

primary

#071728 - The deepest, near-black blue, ideal for large backgrounds, headers, or foundational elements to establish a profound mood.

secondary

#0A2239 - A rich, dark blue perfect for secondary content areas, sidebars, or card backgrounds, providing subtle distinction.

accent

#2F585C - A muted, deep teal that works well for interactive elements, progress bars, or subtle highlights without overpowering the dark theme.

background

#071728 - Serves as an excellent deep, dark canvas that allows other colors to emerge with quiet intensity.

text

#638E96 - This lighter, muted teal is suitable for primary text on dark backgrounds, offering good readability and a harmonious feel.

Accessibility notes

  • Ensure #638E96 text has adequate contrast against #0A2239 and #0E3B43 for WCAG AA compliance.
  • Avoid using #2F585C text on #0E3B43 backgrounds, as their proximity in value may hinder readability.
  • Use #638E96 for all essential text to maximize legibility on the darker shades.
  • For decorative elements, the darker colors can be used together, but critical information needs strong contrast.

Recommended combinations

Deep Teal Flow

A dark base with a slightly lighter secondary, and the lightest shade for readable text and key information.

#071728 · #0E3B43 · #638E96

Submerged Mystery

#0A2239 for main content, #2F585C for subheadings or subtle accents, and #638E96 for body text.

#0A2239 · #2F585C · #638E96

Glimmering Depths

Strong dark background, a muted teal for interactive elements, and a brighter teal for highlights or text.

#071728 · #2F585C · #638E96

CSS variables

:root {
  --oceanic-abyss-gaze-1: #0A2239;
  --oceanic-abyss-gaze-2: #0E3B43;
  --oceanic-abyss-gaze-3: #2F585C;
  --oceanic-abyss-gaze-4: #638E96;
  --oceanic-abyss-gaze-5: #071728;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-abyss-gaze": {
        1: "#0A2239",
        2: "#0E3B43",
        3: "#2F585C",
        4: "#638E96",
        5: "#071728",
      }
    }
  }
}

Related searches

dark teal color palettemysterious blue green colorsdeep ocean web designcool dark ui colorssubdued blue green branding

Palette colors

Hex values

Color 1#0A2239
·
Color 2#0E3B43
·
Color 3#2F585C
·
Color 4#638E96
·
Color 5#071728
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
4.5:1AA18
1.1:1Fail
2
1.3:1Fail
1.5:1Fail
3.4:1AA18
1.5:1Fail
3
2.1:1Fail
1.5:1Fail
2.2:1Fail
2.3:1Fail
4
4.5:1AA18
3.4:1AA18
2.2:1Fail
5:1AA
5
1.1:1Fail
1.5:1Fail
2.3:1Fail
5:1AA

Similar palettes

More like Oceanic Abyss Gaze

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