Softworn Sapphire color palette — #D1EAFF · #3C59F9 · #5215C5 · #4D0566 · #3E0838

A conversation between Royal Blue and Indigo, giving this palette its sense of creativity and energy.

The five colors

• Frost (#D1EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#3C59F9): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#5215C5): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#4D0566): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#3E0838): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Amethyst Corridor color palette (#D9E4F7, #724FFF, #7500A1, #4F004D, #38001F)
• Misty Aubergine color palette (#DEE3F4, #5C54D4, #4920A8, #34006B, #0E001F)
• Nightshade Market color palette (#C3ECFB, #0077B7, #392CC2, #3C006C, #30083D)
• Soft Thicket color palette (#E4F0FF, #728FF8, #7D50F0, #6D00B8, #39003A)
• Washed Grape Boulevard color palette (#E8EDFF, #817AFA, #6740CA, #4B168B, #250541)
• Dusty Amethyst Basin color palette (#D3E7E7, #AFA828, #7346EB, #230C29, #060813)
• Quiet Ridge color palette (#EAE3F3, #9E54D7, #650185, #29003D, #0E001B)
• Weathered Amethyst color palette (#EFEBFE, #7D41DA, #595F00, #47008C, #1A1D00)

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