Hazy Navy color palette — #FFF2EC · #7EC4D5 · #0074B3 · #005841 · #1D237C
Navy takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sky (#7EC4D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0074B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005841): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1D237C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy 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
- Softworn Petrol color palette (#F8EBE7, #98BC9D, #007297, #00532B, #0E2C59)
- Wandering Sapphire Meadow color palette (#FFF3E7, #8ABEE9, #5061CB, #005557, #41146E)
- Petrol Meadow color palette (#E9F6EB, #78C9DD, #007CA5, #00524E, #001C31)
- Frosted Studio color palette (#FDF4E6, #77DBF3, #0099CA, #00736E, #003659)
- Hushed Denim Study color palette (#EADCD4, #6EA8BD, #00589E, #003F33, #19134F)
- Cypress Harbor color palette (#FCF3ED, #C4E5D7, #6C8ABF, #007268, #5F3A4F)
- Sunlit Meadow color palette (#F0E5B7, #9B8300, #634FEC, #5C4E00, #291377)
- Misty Sky color palette (#FFF0FA, #8AEAFF, #43B4FE, #009C71, #1F2C68)
Browse the whole catalog at Explore, or see today's palette.