Back to palettes

Palette

Deep Sea Lullaby

Mysterious and tranquil colors found in the ocean's unexplored depths, soothing the senses.

Darkcalm5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004445#051923#627C85#C2F2D9#2C3E50

Palette guide

How to use Deep Sea Lullaby

Overview

The Deep Sea Lullaby palette features mysterious and tranquil colors found in the ocean's unexplored depths, soothing the senses. This unique collection, anchored by the deep #051923 and featuring the serene #004445, introduces a surprising pop of light with #C2F2D9. The inclusion of #627C85 and #2C3E50 offers a sophisticated blend of cool grays and dark blues, creating a balanced yet enigmatic aesthetic. Designers can leverage this palette to evoke calm, introspection, or a sophisticated natural theme. It's an excellent choice for projects that require both depth and a touch of refreshing lightness, perfect for serene and engaging user experiences.

Best used for

  • Meditation or wellness apps and websites
  • Luxury spa branding and marketing
  • Nature-inspired interior design concepts
  • Eco-conscious product packaging
  • Art installations focusing on tranquility
  • Relaxing background themes for digital content

Suggested color roles

primary

Use #051923 as the dominant background or primary brand color to establish a deep, tranquil, and immersive foundation.

secondary

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

accent

Highlight interactive elements or key visual features with #C2F2D9, providing a refreshing and luminous contrast.

background

The deep #051923 creates an excellent, almost black canvas, ensuring content stands out with optimal readability for light text.

text

For primary text, use crisp white or a very pale gray (e.g., #F0F0F0) on dark backgrounds. #627C85 can be used for secondary text on darker blues.

Accessibility notes

  • Ensure high contrast for text, especially when using #627C85 on #2C3E50 or similar dark shades.
  • The very light #C2F2D9 should be paired with a very dark text color (e.g., black or #051923) for readability.
  • Always check text and background color combinations against WCAG guidelines for readability.
  • Avoid using #C2F2D9 as a primary background for large text areas unless the text color is extremely dark and passes contrast.

Recommended combinations

Serene Depths

Creates a tranquil dark base with a refreshing light accent, perfect for hero sections or prominent calls to action.

#051923 · #004445 · #C2F2D9

Calm Layers

Ideal for layered backgrounds, subtle depth effects, or progressive disclosure in user interfaces, offering quiet sophistication.

#051923 · #2C3E50 · #627C85

Lullaby Glow

Perfect for a deep green-blue background with a luminous accent for interactive elements and a supportive dark blue-gray.

#004445 · #C2F2D9 · #2C3E50

CSS variables

:root {
  --deep-sea-lullaby-2-1: #004445;
  --deep-sea-lullaby-2-2: #051923;
  --deep-sea-lullaby-2-3: #627C85;
  --deep-sea-lullaby-2-4: #C2F2D9;
  --deep-sea-lullaby-2-5: #2C3E50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-lullaby-2": {
        1: "#004445",
        2: "#051923",
        3: "#627C85",
        4: "#C2F2D9",
        5: "#2C3E50",
      }
    }
  }
}

Related searches

deep sea calm palettetranquil ocean color schemedark blue green light aquaserene UI design colorsmysterious soothing palette

Palette colors

Hex values

Color 1#004445
·
Color 2#051923
·
Color 3#627C85
·
Color 4#C2F2D9
·
Color 5#2C3E50
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
8.9:1AAA
1:1Fail
2
1.6:1Fail
4.1:1AA18
14.5:1AAA
1.6:1Fail
3
2.5:1Fail
4.1:1AA18
3.6:1AA18
2.5:1Fail
4
8.9:1AAA
14.5:1AAA
3.6:1AA18
8.9:1AAA
5
1:1Fail
1.6:1Fail
2.5:1Fail
8.9:1AAA

Similar palettes

More like Deep Sea Lullaby

View all Dark
Enchanted Woodland Mist
Celestial Dust Veil
Celestial Ocean Depth
Deep Ocean Abyss
Ocean Depth Mysteries
Oceanic Abyss Murmur