Hazy Cobalt color palette — #F3F7E9 · #9BD7F9 · #0087CB · #006379 · #214263

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

The five colors

• Ivory (#F3F7E9): a clean, paper-quiet neutral.
• Powder Blue (#9BD7F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0087CB): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006379): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#214263): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Cerulean Parlor color palette (#F4F6EC, #ACE7F9, #3C96B7, #2F6C73, #304F44)
• Faded Cobalt Delta color palette (#F3F8E8, #75C0F5, #0071BE, #00526B, #00306B)
• Byzantium Terrace color palette (#DDEDFF, #0081E5, #A531C6, #007067, #113253)
• Lagoon Delta color palette (#F6F6EA, #AED0AE, #008892, #006156, #00434D)
• Cerulean Pier color palette (#E4E7D9, #229CC7, #005072, #002F37, #001527)
• Washed Cobalt Pier color palette (#FEF0FF, #CDDFFF, #B0B5FE, #277DAA, #583F58)
• Frosted Emerald Lantern color palette (#DAFFF0, #00A0DA, #409500, #00648B, #20450F)
• Teal Grove color palette (#FFF3E9, #C5EBFF, #8BB7FF, #00A798, #3F3276)

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