Sapphire Boulevard color palette — #EFD7EB · #3564FF · #BB0059 · #122DB2 · #25000C

Royal Blue takes the lead with Indigo close behind in a set that reads as creativity and energy at first glance.

The five colors

• Thistle (#EFD7EB): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#3564FF): A full-bodied, vivid violet — the color of a velvet chair.
• Magenta Rose (#BB0059): A full-bodied, vivid red — the color of a theater curtain.
• Indigo (#122DB2): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#25000C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Sapphire Boulevard 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

• Hushed Plum color palette (#DDECFE, #0078D8, #B4007C, #004581, #230015)
• Hushed Lapis color palette (#E0E5F7, #4C32FF, #9E007A, #00545F, #040027)
• Byzantium Veranda color palette (#F0ECF9, #8912E4, #9B2B00, #4B0083, #110100)
• Washed Ultramarine Workshop color palette (#DBE6FC, #1E50D0, #604800, #001087, #160E00)
• Ultramarine Thicket color palette (#DBEAFF, #5887F1, #A77500, #0743F6, #180D00)
• Antique Amethyst color palette (#FFDFEF, #7D49F9, #007575, #4A1F9F, #001313)
• Airy Atelier color palette (#F8E9F2, #B79AFF, #B779D9, #364D95, #2A0C1E)
• Weathered Coast color palette (#D3F3EA, #0081DB, #756800, #003D6D, #020100)

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