Softworn Pier color palette — #FFF3EA · #A5D0BC · #427CB3 · #00605D · #2D3860

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Pistachio (#A5D0BC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#427CB3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#2D3860): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Cobalt Balcony color palette (#FFF3E7, #A5D4FD, #5D7BC9, #006570, #3E3867)
• Softworn Petrol color palette (#FFF2EC, #63C8DC, #0077A4, #005748, #003167)
• Tempered Boulevard color palette (#E8F5F4, #B2CBDC, #3984AD, #005968, #00223B)
• Muted Azure Garden color palette (#F4F6ED, #C0DCCE, #479FD0, #00798C, #133E5C)
• Washed Cerulean Coast color palette (#FDF3ED, #D0E2CD, #4897A6, #3C6F4D, #295142)
• Wandering Meadow color palette (#F4E2DA, #439FA5, #005267, #003121, #001528)
• Sky Pier color palette (#FDF1F7, #B7E9FF, #74B7F8, #2C9E9A, #2E385C)
• Navy Boulevard color palette (#F5E5D9, #5B879F, #003A79, #002223, #06002B)

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