Navy Basin color palette — #DCEFEE · #5686AA · #003D6F · #00202D · #00081F
A conversation between Navy and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Frost (#DCEFEE): A whisper-light, dusty teal — the color of sea glass.
- Storm Blue (#5686AA): A luminous, dusty blue — the color of deep harbor water.
- Navy (#003D6F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#00202D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Navy Basin into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Wandering Lagoon color palette (#DAECE8, #498D8C, #00454A, #00231D, #000C0F)
- Navy Ridge color palette (#D2E4E4, #5E94C8, #004596, #002D41, #020C3D)
- Softworn Cobalt Lagoon color palette (#F0DEE4, #70A7D0, #596EBD, #005D5D, #0F0023)
- Petrol Chapel color palette (#E3F2EF, #75BFC7, #007586, #00504D, #003441)
- Muted Abyss Atelier color palette (#D1F5FB, #005F53, #523A00, #002721, #0A0500)
- Midnight Nightshade color palette (#D4F5F7, #00494D, #0F009F, #122B00, #000202)
- Lagoon Meadow color palette (#E7FAF6, #97DDDB, #009198, #00685A, #004952)
- Antique Pier color palette (#EEF7F7, #C8E0F3, #4790CD, #006D89, #334963)
Browse the whole catalog at Explore, or see today's palette.