Waves of ink-blue water fold silently beneath a moon-washed midnight sky.
Abyssal Navy
#0A1128
rgb(10, 17, 40)
An almost-black blue that evokes the deepest, lightless trenches of the sea.
Deep Midnight
#16213E
rgb(22, 33, 62)
A rich, shadowed blue reminiscent of the sky just after sunset fades completely.
Ocean Depth
#1B3A5C
rgb(27, 58, 92)
A weighty, saturated blue that feels like sinking slowly beneath calm waves.
Tidal Current
#2E5C8A
rgb(46, 92, 138)
A confident mid-tone blue that suggests steady, purposeful movement through water.
Steel Mist
#4A7FA8
rgb(74, 127, 168)
A cool, muted blue with a soft metallic quality, like fog rolling over harbor waters.
Pale Horizon
#8FB8D9
rgb(143, 184, 217)
A gentle, airy blue capturing the first light where sky meets distant sea.
Sea Foam Whisper
#D6E6F0
rgb(214, 230, 240)
A near-white blue that echoes delicate foam lingering on a quiet shoreline.
Midnight Tide is a palette built on contrast and depth, moving fluidly from the near-black density of Abyssal Navy to the barely-there softness of Sea Foam Whisper. Each hue carries the psychological weight of blue—trust, calm, and introspection—while the tonal range introduces drama and dimensionality often missing from single-tone blue schemes. The darker end feels grounded and mysterious, evoking solitude and quiet strength, while the lighter tones offer relief, openness, and a sense of breathing space. Together, the seven shades tell a visual story of transition, much like the ocean itself shifting between night and dawn.
Sponsors
This palette lends itself beautifully to brands seeking to communicate reliability, sophistication, and emotional depth—think financial services, wellness platforms, maritime brands, or premium tech products. The darker shades work exceptionally well as anchoring backgrounds or bold headline colors, lending an air of authority and focus, while the mid-tones like Tidal Current and Steel Mist are versatile enough for buttons, icons, or secondary branding elements. Lighter tones such as Pale Horizon and Sea Foam Whisper are ideal for backgrounds, whitespace alternatives, or subtle accents that keep interfaces feeling calm rather than sterile.
When implementing Midnight Tide in digital design, use Abyssal Navy and Deep Midnight sparingly as dominant backgrounds to avoid visual heaviness, pairing them with lighter tones for text and interactive elements to maintain strong contrast and accessibility. Ocean Depth and Tidal Current serve well as primary UI colors for buttons, links, or navigation bars, offering enough saturation to draw attention without overwhelming the palette's calm mood. Reserve Pale Horizon and Sea Foam Whisper for card backgrounds, hover states, or negative space, ensuring the overall composition feels balanced, breathable, and true to the palette's oceanic, nocturnal inspiration.