Hazy Sapphire color palette — #FFF0F7 · #F4D1FF · #E993B8 · #4E62C2 · #53395F

Royal Blue and Ballet Pink set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Thistle (#F4D1FF): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#E993B8): A luminous, balanced rose — the color of pressed rose petals.
• Royal Blue (#4E62C2): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#53395F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged pastel, light.

Use it as a design system

One click turns Hazy Sapphire 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

• Timeworn Grape Orchard color palette (#FFF1F4, #FFD1D7, #E49092, #7054A7, #58363C)
• Mallow Drift color palette (#FFF0FD, #E3D6E7, #E5A2FC, #007CB3, #3A3F65)
• Chalky Corridor color palette (#FFEBF7, #F6CDDE, #FFA28F, #0085B6, #312348)
• Aubergine Lagoon color palette (#F6E2E5, #DF9CB7, #BD6F67, #5D268A, #431331)
• Antique Periwinkle color palette (#F6F3FF, #EBD5DF, #E5B99A, #94A8E8, #523B5F)
• Hazy Aubergine color palette (#FCE0DE, #D19196, #B1581D, #6B006A, #300013)
• Hushed Plum color palette (#FFEDF0, #FFB2AE, #ED9238, #A7008E, #5C181F)
• Weathered Cocoa color palette (#FFF2EE, #E0D9CE, #9FC3B1, #AA718D, #783B1D)

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