Misty Navy color palette — #DAF1F9 · #00769C · #004B78 · #001E65 · #030023
A conversation between Midnight and Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#DAF1F9): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#00769C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004B78): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001E65): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#030023): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Nocturne Onyx color palette (#CDE5E5, #005E7B, #003659, #0C004E, #0E0024)
- Eclipse Petrol Alley color palette (#C3E4F6, #0078AC, #003F6A, #00122B, #000106)
- Navy Study color palette (#D3F8FD, #0084B1, #00659D, #002D9E, #070028)
- Sapphire Hollow color palette (#EEE1EF, #0069C2, #765000, #00386C, #0B0500)
- Wandering Cypress color palette (#CFEDE3, #007A6E, #005355, #00282F, #000D14)
- Linen Orchid color palette (#F3E4F3, #9992D9, #B05BCD, #00597C, #1F061B)
- Washed Terrace color palette (#E7EEFD, #5375E4, #1F0BC7, #0A0065, #010010)
- Feathered Lantern color palette (#DDE5FA, #5451D5, #5C00B9, #3D0062, #150019)
Browse the whole catalog at Explore, or see today's palette.