Navy Lagoon color palette — #F0E0E8 · #57889C · #003C75 · #00231C · #080029
A conversation between Navy and Ink, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F0E0E8): A whisper-light, dusty rose — the color of pressed rose petals.
- Storm Blue (#57889C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#003C75): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Onyx (#00231C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#080029): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Navy Lagoon 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
- Navy Garden color palette (#FEE9F2, #5099BD, #0B419F, #00302C, #16023C)
- Tempered Sapphire color palette (#EEE3DB, #6BAAC7, #2271D7, #005E53, #090028)
- Weathered Forest color palette (#F3ECF4, #83BEB8, #00748A, #125403, #003051)
- Tempered Jade Veranda color palette (#EAE9D7, #65A56B, #008297, #4E2B00, #050C00)
- Olive Grove color palette (#E9F5D9, #637200, #212F00, #122026, #050A00)
- Deep Meadow color palette (#DAECE2, #5A5300, #530091, #252100, #0A001A)
- Hushed Sapphire color palette (#FFF1F5, #87BEEC, #5364C1, #005557, #3E1F63)
- Hushed Cypress color palette (#FCF2F7, #C5E1F1, #618EBD, #0A725F, #3B4765)
Browse the whole catalog at Explore, or see today's palette.