Softworn Pier color palette — #CBEFD6 · #A08100 · #4F54F2 · #5F4C00 · #1E216B

Iris takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CBEFD6): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#A08100): A luminous, balanced green — the color of new leaves after rain.
• Iris (#4F54F2): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#5F4C00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#1E216B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Hazy Grape Corridor color palette (#C0F2DC, #989A22, #6F17E6, #515200, #321A65)
• Wandering Cobalt color palette (#FCE0B6, #AE7900, #0071CB, #694700, #002E59)
• Byzantium Terrace color palette (#D9FFF3, #91B225, #8E4CB9, #516600, #4A2960)
• Gentle Grape color palette (#EDE3C6, #896E00, #6C23EA, #5729BA, #2D2300)
• Worn Courtyard color palette (#C3E7E2, #2DA935, #7838A1, #065910, #341C45)
• Airy Courtyard color palette (#F3E2C7, #F3C231, #8886EA, #A78300, #2B0081)
• Byzantium Market color palette (#CAF2C3, #3EAF29, #AE00C8, #104F03, #490A54)
• Faded Ember Coast color palette (#FED7F1, #E34600, #007AA7, #8A2700, #003248)

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