Hazy Cobalt color palette — #FFF0FD · #9DBFFF · #E583A2 · #4A73C4 · #421626

Sapphire takes the lead with Rose close behind in a set that reads as balance at first glance.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#9DBFFF): A luminous, balanced violet — the color of wild irises.
• Rose (#E583A2): A luminous, balanced red — the color of a theater curtain.
• Sapphire (#4A73C4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#421626): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Balance. Tagged warm.

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

• Chalky Studio color palette (#FFF0F7, #C3B1FF, #EB8672, #7D61C3, #431912)
• Peony Villa color palette (#FFF0FA, #8E9CFF, #D36CB0, #1F8D9D, #291223)
• Wisteria Delta color palette (#E5FCED, #15D5F8, #C589E7, #00849B, #321D3E)
• Ancient Ash color palette (#FFF0FA, #DFD2D7, #B8B0A7, #7791BF, #3F2836)
• Antique Teal color palette (#FFF0FA, #ADBAFF, #27BFA8, #636EBE, #003028)
• Pale Cornflower color palette (#FDE6FB, #9ABFFF, #ECAE49, #4983E9, #493000)
• Hazy Fuchsia Station color palette (#FFF1F1, #FF6CC4, #3596ED, #A52778, #001932)
• Gentle Mint color palette (#FFF0F9, #CDD0FF, #45D4C3, #8081CB, #293F22)

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