Softworn Pier color palette — #E0EEFF · #558DF5 · #4B63FF · #442DE9 · #18084D
A conversation between Iris and Sapphire, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0EEFF): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#558DF5): A luminous, vivid violet — the color of wild irises.
- Sapphire (#4B63FF): A full-bodied, vivid violet — the color of wild irises.
- Iris (#442DE9): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#18084D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Softworn Pier 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
- Patina Station color palette (#D6E5ED, #3691E5, #3B53E2, #3900AC, #2B0048)
- Hushed Grape color palette (#D6DEFA, #7F84EF, #7A56EC, #6E06D7, #2E0353)
- Hushed Boulevard color palette (#D3E7FF, #006AED, #1D27C8, #14056A, #08002C)
- Grape Atelier color palette (#E3E3FA, #A798FB, #7C66E6, #530DCA, #0D002D)
- Misty Delta color palette (#FFE4F9, #7696F6, #00A686, #3855FF, #002118)
- Powdered Peony color palette (#F2D8EA, #6E7EF9, #D03DA9, #008493, #090739)
- Washed Loft color palette (#F2D5E4, #D9C4F8, #E198F6, #6C76E1, #2B2045)
- Azure Corridor color palette (#DAF4FF, #00A6DB, #0083BA, #005B92, #001C3A)
Browse the whole catalog at Explore, or see today's palette.