Misty Sapphire color palette — #F2F4FF · #C5BFF9 · #C88AF6 · #1E59E1 · #342D6B

Built around Cobalt, softened by Wisteria — the whole palette hums with creativity and energy.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Lavender (#C5BFF9): A whisper-light, balanced violet — the color of twilight just after sunset.
• Wisteria (#C88AF6): A luminous, vivid violet — the color of a velvet chair.
• Cobalt (#1E59E1): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#342D6B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Sunlit Lilac Harbor color palette (#F0F5FF, #C5D0FF, #A285FF, #0063AE, #203167)
• Lapis Orchard color palette (#F6F3FF, #DBB2F9, #D671CE, #5C46CD, #3F235A)
• Blush Dune color palette (#FFEBFA, #D6C5FF, #ED70AA, #006997, #1A1942)
• Blush Bloom color palette (#EFF5FF, #E6CDFF, #FF89C5, #0092BB, #323262)
• Powdered Violet Alley color palette (#FFF1F5, #FECFFD, #F798CE, #895DC6, #533159)
• Periwinkle Parlor color palette (#EAF8FF, #92CBFF, #73A4FF, #006D85, #003F5F)
• Weathered Aubergine color palette (#FFE8EC, #EBBADA, #DC7DA1, #723491, #3F223D)
• Aubergine Garden color palette (#F8D6E4, #A286AE, #8F4E89, #31027B, #1A0027)

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