Nautical Creatures
#295c7a
Balanced medium blue for calm nautical UI
About Nautical Creatures
Picture a ship's navigation light in morning haze: the glow feels blue, but not deep like a night sky, and not softened into teal. Nautical Creatures lands as a medium-deep blue with higher clarity than Oceanic Motion, yet it stays noticeably calmer than Dark Blue. The undertone reads blue first, with a slightly cooler, cleaner feel than Blue Velvet, which is warmer and more approachable.
I reach for it when I need dashboards and data-heavy product screens to stay crisp without the "pressed in" weight Dark Blue can bring. It's great for healthcare interfaces where panels and emphasis states need to look settled, not clinical. Use it for primary actions and active rows on light layouts, or for chart highlights that must stand out while still feeling controlled.
One quirk: because it's clearer than Oceanic Motion, it can look a touch more assertive next to near-cyan blues. Pair it with soft warm neutrals or muted grays to keep the tone friendly.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
Similar colors
Create a gradient with Nautical Creatures
Open the generator with this color pre-loaded.
Start creating