Misty Navy color palette — #D6F4F1 · #00A2B7 · #00618B · #172992 · #2C1E51
A conversation between Indigo and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D6F4F1): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A2B7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00618B): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#172992): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#2C1E51): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Misty Navy 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
- Quiet Cerulean color palette (#D2ECF4, #0096BD, #005B8D, #003568, #06123F)
- Sapphire Grove color palette (#CFF3F4, #00B9E8, #0092D9, #1A66C0, #262662)
- Lagoon Ridge color palette (#D0F2DC, #009889, #006C79, #00425B, #2D214E)
- Linen Orchard color palette (#CEF5F9, #0095C6, #0045D6, #382397, #351E49)
- Ultramarine Drift color palette (#DDE7FF, #4F95EE, #2139C8, #002653, #020741)
- Petrol Loft color palette (#D3EDE1, #00759E, #6D5E00, #385018, #002332)
- Airy Navy Summit color palette (#ECD6EA, #558AEE, #A74D00, #002A9B, #441B00)
- Softworn Sapphire Harbor color palette (#D0E8F9, #0065E9, #3F00A4, #30004F, #2A0021)
Browse the whole catalog at Explore, or see today's palette.