Softworn Pier color palette — #FCF3EF · #BDE9F6 · #9FCEE9 · #94AA87 · #5C4D5C

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Frost (#BDE9F6): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9FCEE9): A whisper-light, dusty blue — the color of open sky before noon.
• Sage (#94AA87): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#5C4D5C): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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

• Timeworn Oat Dune color palette (#E6FCEC, #DCD7E2, #AED1C2, #C3B0A4, #40514B)
• Tempered Glacier color palette (#E8FAEF, #88E4FF, #FCB1A5, #6CB4CA, #534B48)
• Dusty Sky Cabin color palette (#EDF8F6, #D3DDED, #78BDD3, #589294, #3D5666)
• Ancient Cypress Meadow color palette (#EEF3EF, #D1DBEB, #72A4BB, #067C74, #1F394E)
• Aqua Quarry color palette (#FEF3ED, #A4F0F0, #52C2DE, #5C9B79, #184337)
• Fern Study color palette (#FFF3E5, #EBD7AF, #CCB191, #A98B76, #544700)
• Cobalt Boulevard color palette (#FCEADD, #61BCE4, #2F86D7, #006D6B, #0A0D36)
• Hazy Periwinkle Terrace color palette (#FFF3E7, #B4E0FF, #79AAFF, #0096A0, #2D2964)

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