Misty Sapphire color palette — #EFF6FF · #87ABFF · #CC9A18 · #2D5CF6 · #4C3700

A conversation between Royal Blue and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#87ABFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#CC9A18): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#2D5CF6): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#4C3700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Misty 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

• Lapis Drift color palette (#E9EEFF, #A39EE5, #A7A217, #684CD4, #393700)
• Muted Cornflower color palette (#FFF0FE, #A5C9FF, #D2AC07, #2A78E7, #392D00)
• Airy Amber Atelier color palette (#EEF6FF, #8FC4FF, #DF8000, #0069BD, #582F00)
• Powdered Harbor color palette (#FFF0FD, #5D8DFF, #A07700, #1F4AD1, #4C3700)
• Lapis Balcony color palette (#D6DDF3, #908CE5, #A78000, #5F35E4, #352600)
• Orchid Terrace color palette (#F5F4FF, #D1A5DD, #9EAE5D, #A85CBC, #3F4719)
• Airy Byzantium Ridge color palette (#F4F4FF, #D4A9FF, #5AB344, #9100DB, #114700)
• Wisteria Corridor color palette (#E7E9FF, #AF7CF7, #D17400, #AA6F00, #372551)

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