Misty Sapphire color palette — #FFF0F7 · #F7D2FE · #F68BBF · #4C5EC9 · #190223

A conversation between Royal Blue and Bubblegum, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Thistle (#F7D2FE): A whisper-light, dusty pink — the color of a candy shop window.
• Bubblegum (#F68BBF): A luminous, balanced rose — the color of pressed rose petals.
• Royal Blue (#4C5EC9): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#190223): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Mallow Courtyard color palette (#FFF0FD, #EAD2EF, #DC98E0, #0074A9, #0D0D34)
• Misty Violet Parlor color palette (#FFF1F3, #FFCDE4, #F39183, #8455B9, #220018)
• Peony Station color palette (#E4E8FF, #DF9BE9, #D06993, #38478C, #2C193A)
• Cobalt Workshop color palette (#FFE3F6, #F9ACC6, #FF9B84, #288DCD, #391A25)
• Dusty Aubergine color palette (#F9E2E1, #E59998, #C47750, #74066D, #050001)
• Timeworn Orchid Corridor color palette (#FFF1F2, #E6D7D5, #AEB3A1, #A959E3, #421635)
• Gentle Mulberry Courtyard color palette (#FFF1F1, #D683B1, #8E4C00, #8A0061, #030100)
• Dusty Peony Parlor color palette (#FFF2EE, #E0D7CF, #FFC487, #C25C90, #3F1914)

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