Softworn Pier color palette — #E7EADF · #5787A4 · #003F67 · #00212B · #00091A

A conversation between Navy and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E7EADF): a clean, paper-quiet neutral.
• Storm Blue (#5787A4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Navy (#003F67): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00091A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Wandering Navy Drift color palette (#E6ECDC, #5696C6, #004A88, #002D3E, #001135)
• Cobalt Grove color palette (#E9DED4, #73A8C6, #4A72BF, #005E57, #0C0026)
• Hushed Corridor color palette (#EFEFE5, #81BEBF, #007681, #005049, #00343E)
• Sunlit Drift color palette (#F2DDFB, #B97BB3, #A94580, #3A155C, #170119)
• Feathered Aubergine color palette (#FCE9F1, #6029AA, #00484A, #2A0056, #000808)
• Fern Pier color palette (#F2E7D2, #685900, #372A00, #190E00, #040400)
• Velvet Study color palette (#E3E6FF, #543CC0, #3B0084, #200042, #16000F)
• Cornflower Atelier color palette (#F3F7EC, #A5D3FF, #317FDD, #006186, #2B3E67)

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