Back to palettes

Palette

Deep Sea Shimmer

A deep dive into oceanic blues and shimmering teals, revealing the mysterious, sparkling life of the deep sea.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#001F3F#004B49#40E0D0#87CEFA#E0FFFF

Palette guide

How to use Deep Sea Shimmer

Overview

The Deep Sea Shimmer palette offers a deep dive into oceanic blues and shimmering teals, revealing the mysterious, sparkling life of the deep sea. From the profound #001F3F to the ethereal #E0FFFF, this collection offers a refreshing yet deep aesthetic. The intermediate shades, including #004B49, #40E0D0, and #87CEFA, create a seamless visual flow, perfect for designs that aim to convey natural beauty, scientific wonder, or a refreshing sense of clarity. Designers can leverage this palette to create immersive backgrounds, highlight environmental themes, or establish a brand identity that speaks to growth and vitality, ideal for engaging user experiences.

Best used for

  • Environmental conservation websites and apps
  • Scientific research and educational platforms
  • Wellness and natural product branding
  • Documentary film graphics and titles
  • Coastal tourism marketing materials
  • Refreshing app interfaces and dashboards

Suggested color roles

primary

Use #001F3F as the dominant background or primary brand color to establish a deep, natural, and immersive foundation.

secondary

Apply #004B49 for major content sections, navigation, or as a slightly lighter dark tone to add subtle visual structure.

accent

Highlight interactive elements, calls to action, or key visual features with #E0FFFF, providing a luminous and refreshing contrast.

background

The profound #001F3F creates an excellent, dark canvas, ensuring content stands out with optimal readability for light text.

text

For primary text, use crisp white or a very pale blue (e.g., #F0F8FF) on dark backgrounds. #87CEFA can be used for headings on darker blues.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #87CEFA on #40E0D0 or similar mid-tones.
  • The very light #E0FFFF should be paired with a very dark text color (e.g., black or #001F3F) for readability.
  • Always check text and background color combinations against WCAG guidelines for readability.
  • Avoid using #E0FFFF as a primary background for large text areas unless the text color is extremely dark and passes contrast.

Recommended combinations

Shimmer Depths

Creates a deep, natural base with a luminous accent, perfect for hero sections or prominent calls to action, evoking sparkling light.

#001F3F · #004B49 · #E0FFFF

Oceanic Glow

Ideal for seamless background transitions, subtle depth effects, or progressive disclosure in user interfaces, with shimmering blues.

#004B49 · #40E0D0 · #87CEFA

Mystic Shine

Perfect for a dark background, a glowing accent for interactive elements, and a supportive teal for secondary elements.

#001F3F · #E0FFFF · #40E0D0

CSS variables

:root {
  --deep-sea-shimmer-1: #001F3F;
  --deep-sea-shimmer-2: #004B49;
  --deep-sea-shimmer-3: #40E0D0;
  --deep-sea-shimmer-4: #87CEFA;
  --deep-sea-shimmer-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-shimmer": {
        1: "#001F3F",
        2: "#004B49",
        3: "#40E0D0",
        4: "#87CEFA",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

deep sea shimmering colorsblue teal light aqua palettemysterious ocean glow schememarine UI design with shimmercool blue nature theme

Palette colors

Hex values

Color 1#001F3F
·
Color 2#004B49
·
Color 3#40E0D0
·
Color 4#87CEFA
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
10.1:1AAA
9.7:1AAA
15.7:1AAA
2
1.7:1Fail
6.1:1AA
5.8:1AA
9.5:1AAA
3
10.1:1AAA
6.1:1AA
1:1Fail
1.6:1Fail
4
9.7:1AAA
5.8:1AA
1:1Fail
1.6:1Fail
5
15.7:1AAA
9.5:1AAA
1.6:1Fail
1.6:1Fail

Similar palettes

More like Deep Sea Shimmer

View all cool
Bioluminescent Abyss
Deep Sea Hydrothermal
Midnight Ocean Trench
Abyssal Bioluminescence
Abyssal Current Glide
Cobalt Abyss Depths