Softworn Sapphire color palette — #EFF6FF · #D7DDF2 · #BDB8DF · #2A72E2 · #243449

Royal Blue and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#D7DDF2): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#BDB8DF): A luminous, dusty violet — the color of a velvet chair.
• Royal Blue (#2A72E2): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#243449): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Cerulean color palette (#EDF7FD, #CFE0F4, #B2BDDD, #0083AA, #203643)
• Weathered Iris Courtyard color palette (#F0F6FF, #DBD6E8, #CABBE0, #6891FF, #2A3342)
• Softworn Cornflower color palette (#FBF2FA, #E8D7D7, #B4AF9A, #3E7CD9, #2F1D2F)
• Muted Indigo Studio color palette (#EDEDF8, #D9D5E3, #BFB2C4, #805FA8, #2C2D39)
• Ultramarine Lagoon color palette (#FAF3F8, #E1CBD9, #C299AF, #2748CA, #41293E)
• Brick Quarry color palette (#D7EAFF, #098EF6, #C50031, #005724, #002D16)
• Hazy Coast color palette (#DDE1F2, #7D47FD, #502452, #131834, #010714)
• Patina Ash color palette (#F1F5FC, #DCD8DF, #BBADB1, #8C9AC3, #4F5359)

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