Hazy Sapphire color palette — #F9F2FF · #F27FC0 · #00A3CE · #4460FA · #351640

Royal Blue and Bubblegum set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#F27FC0): A luminous, balanced rose — the color of strawberry cream.
• Cyan (#00A3CE): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4460FA): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#351640): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Misty Fuchsia color palette (#F6F3FF, #E07BE1, #00ADC0, #007FD2, #291C47)
• Lapis Coast color palette (#F3E7FB, #DD6B9E, #008CC4, #4F4CE4, #1F0523)
• Tempered Market color palette (#FFEFFF, #FF7B7E, #5296FF, #8E39E8, #371028)
• Periwinkle Meadow color palette (#FBF2FA, #ECA3A1, #729DE9, #8970BC, #2D2138)
• Sunlit Lilac Courtyard color palette (#F2F5FF, #AB9AFF, #00A885, #00889C, #122441)
• Grape Dune color palette (#EDDDED, #DB5B6D, #0065DE, #6E08C1, #0F0008)
• Patina Station color palette (#FCF2F6, #E4B592, #B09EE0, #B6739D, #3B2B38)
• Ember Hollow color palette (#FFF2EB, #F35D10, #008A6A, #4933B2, #220600)

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