Back to palettes

Palette

Deep Sea Cavern Glow

Dark, inky blues transitioning to vibrant aquas, like light piercing through a deep underwater cavern.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000F2E#0A2E5B#1A4D8B#2C6CBF#4A9CFF

Palette guide

How to use Deep Sea Cavern Glow

Overview

The Deep Sea Cavern Glow palette presents a stunning gradient from inky, near-black blues to vibrant, luminous aquas. Starting with the profound #000F2E, it smoothly transitions through #0A2E5B, #1A4D8B, and #2C6CBF, culminating in the brilliant #4A9CFF. This progression perfectly mimics light piercing through deep underwater caverns, offering a dynamic and refreshing feel. It's an excellent choice for designs that require a sense of depth, clarity, and an ethereal glow, making it highly versatile for both digital and print applications.

Best used for

  • Tech company branding
  • Fitness app dashboards
  • Oceanography visualizations
  • Modern web interfaces
  • Sci-fi game UI elements
  • Product packaging for fresh goods

Suggested color roles

primary

#000F2E (The deepest blue, ideal for large background areas, establishing a dark, profound base.)

secondary

#0A2E5B (A rich, deep blue for secondary panels, navigation, or slightly lighter background sections.)

accent

#4A9CFF (The brightest, most vibrant blue, perfect for calls to action, interactive elements, or highlighting key information.)

background

#000F2E (Creates an immersive, deep-sea environment, allowing the lighter blues to truly glow.)

text

#4A9CFF (Provides excellent contrast for headings and important text on darker backgrounds. For body text, a slightly less saturated light blue or white (e.g., #E0FFFF) may be preferred for extended reading.)

Accessibility notes

  • #4A9CFF offers strong contrast against #000F2E, #0A2E5B, and #1A4D8B, making it suitable for text and interactive elements.
  • Ensure sufficient contrast when using #2C6CBF for text on #000F2E or #0A2E5B.
  • The palette's natural gradient allows for clear visual hierarchy, but always test text contrast.
  • Avoid using the darkest blues for text on other dark blues to prevent readability issues.

Recommended combinations

Deep Descent

Layered dark blues for backgrounds, creating depth and a mysterious ambiance.

#000F2E · #0A2E5B · #1A4D8B

Cavern Illumination

Bright, glowing blues for headers, active states, and light-emitting elements.

#1A4D8B · #2C6CBF · #4A9CFF

Dynamic Contrast

Strong contrast for key elements, while maintaining a deep-sea theme.

#000F2E · #4A9CFF · #0A2E5B

CSS variables

:root {
  --deep-sea-cavern-glow-1: #000F2E;
  --deep-sea-cavern-glow-2: #0A2E5B;
  --deep-sea-cavern-glow-3: #1A4D8B;
  --deep-sea-cavern-glow-4: #2C6CBF;
  --deep-sea-cavern-glow-5: #4A9CFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-cavern-glow": {
        1: "#000F2E",
        2: "#0A2E5B",
        3: "#1A4D8B",
        4: "#2C6CBF",
        5: "#4A9CFF",
      }
    }
  }
}

Related searches

deep blue gradientsglowing ocean colorsdark blue light blue palettemarine UI schemeweb design blue palette

Palette colors

Hex values

Color 1#000F2E
·
Color 2#0A2E5B
·
Color 3#1A4D8B
·
Color 4#2C6CBF
·
Color 5#4A9CFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.6:1AA18
6.8:1AA
2
1.4:1Fail
1.6:1Fail
2.6:1Fail
4.8:1AA
3
2.2:1Fail
1.6:1Fail
1.6:1Fail
3:1AA18
4
3.6:1AA18
2.6:1Fail
1.6:1Fail
1.9:1Fail
5
6.8:1AA
4.8:1AA
3:1AA18
1.9:1Fail

Similar palettes

More like Deep Sea Cavern Glow

View all dark
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Deep Current
Abyssal Depths
Abyssal Reef Glow