Hazy Cobalt color palette — #F1E5EC · #5DADC6 · #2678BE · #005F4C · #06002B

A conversation between Cerulean and Ink, giving this palette its sense of trust and stability.

The five colors

• Blush (#F1E5EC): bright and airy, almost weightless.
• Cyan (#5DADC6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#2678BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005F4C): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#06002B): 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

• Powdered Quarry color palette (#EBDDEC, #59B1AF, #0081A0, #00631C, #000919)
• Muted Alley color palette (#F9EEDD, #589DB4, #005F87, #003B3C, #000919)
• Azure Canyon color palette (#E4DBE2, #7FCFD8, #009ED8, #00824E, #071C46)
• Quiet Olive color palette (#E1F1E8, #35C2CD, #7293D2, #6C7400, #001413)
• Antique Navy Grove color palette (#EEDFD5, #458295, #003D6C, #002018, #01000B)
• Timeworn Alley color palette (#CAF4EB, #00A498, #007862, #00443A, #000202)
• Washed Periwinkle Atelier color palette (#FBE9EF, #ADD9FB, #859FF4, #009190, #33244F)
• Quiet Plum Quarry color palette (#D4FAF0, #00816E, #AB257C, #95002B, #000202)

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