Hazy Cobalt color palette — #FFF3E9 · #89D7FF · #3E7CC3 · #005152 · #070330

Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#89D7FF): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#3E7CC3): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005152): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#070330): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cerulean Corridor color palette (#FFF2EC, #83DDE2, #0088A7, #005439, #000E1B)
• Dusty Villa color palette (#FCF4EB, #D1E8FF, #6D8AEE, #006876, #20153F)
• Muted Hollow color palette (#FBEAE2, #10D0CF, #007488, #004025, #000306)
• Hazy Ultramarine Loft color palette (#E8DDE2, #7EA1B9, #0A51B6, #003A34, #0C002B)
• Antique Pier color palette (#F1E6DE, #9BCCB7, #5490F1, #007E72, #1F1445)
• Antique Azure Corridor color palette (#FFF2EC, #C4FAFF, #00A9D7, #007558, #002645)
• Washed Parlor color palette (#F6F3FF, #FFD2F5, #FC9DA4, #4267A9, #1B0826)
• Aged Periwinkle color palette (#FDF3EA, #D8D5E1, #7BAFFF, #00878D, #2E2D61)

Browse the whole catalog at Explore, or see today's palette.