Hazy Cobalt color palette — #FFF2EA · #A4D7ED · #3780D5 · #006859 · #3A376F
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Powder Blue (#A4D7ED): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#3780D5): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006859): A full-bodied, balanced teal — the color of sea glass.
- Navy (#3A376F): 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 Cobalt 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
- Airy Forest color palette (#FFF2EE, #90DEDF, #008CB1, #006C2B, #1F4167)
- Soft Cobalt color palette (#EAF5EC, #A4D9F0, #008AD1, #006167, #002352)
- Linen Sapphire color palette (#FFF3E9, #6EC3EB, #1E69D3, #00574D, #321E73)
- Weathered Cypress color palette (#FBF3EF, #CBE3D2, #6190B1, #2B7155, #583E53)
- Aged Onyx Basin color palette (#EDDCD2, #499CB5, #004C83, #003126, #0E0046)
- Washed Lagoon color palette (#F7E8E4, #478E8C, #004455, #002505, #000919)
- Ancient Orchid color palette (#E4FEE2, #00A9A6, #B64CB8, #006A68, #5B1A5C)
- Hushed Summit color palette (#E6E7D9, #4DBC50, #00865E, #005C56, #1D3F5E)
Browse the whole catalog at Explore, or see today's palette.