Misty Sapphire color palette — #EBF2FF · #486CDF · #6A3D81 · #611E39 · #003238

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

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Sapphire (#486CDF): A full-bodied, vivid violet — the color of a velvet chair.
• Plum (#6A3D81): A full-bodied, balanced violet — the color of wild irises.
• Mulberry (#611E39): A deep, shadowed, balanced rose — the color of a warm blush.
• Deep Forest (#003238): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Balance. Tagged cool.

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

• Aged Nightshade color palette (#E5F4FF, #0081B0, #4D4697, #5A2050, #003330)
• Chalky Iris Courtyard color palette (#F2F5FF, #8E75D5, #8D4777, #6D3530, #183C53)
• Misty Lilac Orchard color palette (#E4E7F9, #9B8AFF, #6950B2, #563D80, #412D50)
• Feathered Cobalt color palette (#E3EFFC, #3C7EC7, #7F3668, #4A2C00, #001A0C)
• Byzantium Basin color palette (#F0F0FF, #9C49C9, #892E50, #5E2900, #162A50)
• Tempered Station color palette (#D9E5FF, #A296D2, #7E658E, #634E64, #55353B)
• Tempered Cobalt color palette (#EAF9F8, #A4CAE9, #417DB1, #005C75, #243C58)
• Ultramarine Harbor color palette (#DFEAFE, #3552D2, #1B243F, #0B1322, #040409)

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