Softworn Pier color palette — #F9F3F9 · #E5D6D5 · #AFAE9B · #66A5FF · #4A394A

A conversation between Cornflower and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E5D6D5): bright and airy, almost weightless.
• Sage (#AFAE9B): A luminous, dusty green — the color of fresh herbs.
• Cornflower (#66A5FF): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#4A394A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Iris Balcony color palette (#F2ECF1, #DECFCD, #CEB4A6, #6889F8, #372834)
• Ash Bloom color palette (#FAF3F5, #E4D9D4, #B6B4A6, #B4A0D6, #534249)
• Patina Balcony color palette (#EDF8F2, #E8DCDF, #E7C0BC, #00B5E5, #2A473A)
• Worn Petrol color palette (#EBF3FC, #DDD3E9, #C2BAD5, #366BB1, #1B2633)
• Airy Basin color palette (#B4F3F7, #A1D4FA, #BCA7D0, #1C9A76, #115257)
• Ancient Lilac Parlor color palette (#F9E0EC, #A18CFF, #7E5A74, #573548, #180D19)
• Amber Summit color palette (#FFF0F8, #B2ABFF, #BD9200, #927000, #003C16)
• Magenta Loft color palette (#FEF1F4, #E6D6CA, #DFBE9B, #D45EE4, #422B30)

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