Hazy Cobalt color palette — #FCF2F9 · #8FDDE7 · #008ABE · #006A41 · #2A3F67
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF2F9): a clean, paper-quiet neutral.
- Ice Blue (#8FDDE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#008ABE): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006A41): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2A3F67): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, 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
- Patina Cerulean color palette (#F7F1E7, #90DFEA, #0091B3, #006358, #00283D)
- Chalky Petrol color palette (#FDF1F9, #75C6D5, #0075AD, #00583D, #1A2A6F)
- Dusty Cornflower Loft color palette (#FFF1F6, #A3D6F5, #4476EF, #006761, #42356B)
- Gentle Bloom color palette (#EDF9EF, #94EBF8, #00ACD4, #008476, #0F4561)
- Antique Loft color palette (#CDE6D4, #00B69F, #00828D, #005774, #133B6C)
- Washed Mallow Canyon color palette (#E8F8FF, #D6D9ED, #CCA3FF, #008255, #29475A)
- Misty Market color palette (#B9FAF7, #009290, #A75D00, #6B5B00, #003937)
- Patina Lagoon Harbor color palette (#F3E8F1, #2AA1A7, #00516C, #003216, #001232)
Browse the whole catalog at Explore, or see today's palette.