Softworn Pier color palette — #EFF6FF · #5F96FF · #BD007E · #563900 · #00180D

Built around Magenta Rose, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#5F96FF): A luminous, vivid violet — the color of a velvet chair.
• Magenta Rose (#BD007E): A full-bodied, vivid rose — the color of pressed rose petals.
• Cocoa (#563900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00180D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

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

• Sunlit Byzantium color palette (#ECF7FF, #00A8DD, #A900BA, #623000, #001805)
• Timeworn Brick color palette (#F2F5FF, #A27EFF, #C80031, #444200, #001716)
• Weathered Delta color palette (#CDE8D9, #007E9D, #8C004B, #1A3400, #00130B)
• Wandering Amethyst Archive color palette (#E9F8FF, #00ACC7, #7E3AD9, #7B001A, #151300)
• Ember Dune color palette (#DAE9FF, #7CA5FF, #E3560F, #895D00, #002D13)
• Nocturne Study color palette (#EADBF6, #B70078, #513500, #001B0F, #000104)
• Hushed Wisteria color palette (#F5F4FF, #CD84E7, #AD5F22, #11582C, #001C36)
• Soft Byzantium color palette (#FDDFE4, #AD19B8, #90002A, #4A2B00, #212800)

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