Hazy Cobalt color palette — #F7F2FF · #FFCFF4 · #FF9188 · #5374D0 · #442B4F

A conversation between Sapphire and Melon, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Thistle (#FFCFF4): A whisper-light, dusty pink — the color of peonies in June.
• Melon (#FF9188): A luminous, balanced orange — the color of sun-warmed clay.
• Sapphire (#5374D0): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#442B4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged pastel, 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

• Muted Violet Coast color palette (#F4EFFF, #FFC7D3, #FFA36C, #8F6CC5, #4F2339)
• Antique Mallow Field color palette (#F1F5FF, #DCCBFF, #FF90D3, #0087BD, #323057)
• Wandering Summit color palette (#F1F0FF, #F8ADE9, #F78150, #006698, #4F295F)
• Linen Azure Boulevard color palette (#F4F4FF, #FCD2D6, #FFBAA7, #1CA6FF, #50274C)
• Weathered Canyon color palette (#EADCED, #FFA68B, #B79842, #8D558A, #391215)
• Hushed Ash Market color palette (#F4F4FF, #EADADA, #BDAEA1, #8D9CBA, #514B5A)
• Airy Blush color palette (#F5E5FB, #E283A5, #BF6749, #473984, #11031B)
• Timeworn Iris Bloom color palette (#E2E4C8, #6AC9FF, #927CE9, #312A4F, #171A27)

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