Softworn Pier color palette — #FBF2F9 · #BDEAD2 · #D3877D · #7C6477 · #31282F

Coral Clay and Mint set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Mint (#BDEAD2): A whisper-light, dusty teal — the color of glacier melt.
• Coral Clay (#D3877D): A luminous, balanced orange — the color of sun-warmed clay.
• Pewter (#7C6477): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#31282F): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Taupe Quarry color palette (#EFF8F0, #C2EACA, #B59A6B, #5D7460, #262E27)
• Antique Driftwood Coast color palette (#FBF2F7, #D2DBCC, #AB7864, #553E4C, #21181D)
• Aged Teal Archive color palette (#F0F8F0, #D8B17C, #59BB9A, #8080B5, #3D2E37)
• Basalt Canyon color palette (#F8F0EC, #D5C196, #835347, #522000, #1C110C)
• Weathered Amber color palette (#FFF0F7, #ECCD59, #D96A00, #87491C, #26141E)
• Weathered Stone Balcony color palette (#FAF3F5, #CED9DD, #D4AD87, #A8A5B0, #595053)
• Wandering Lagoon color palette (#DAECDF, #CE9D25, #7F6400, #473600, #000401)
• Muted Stone Bloom color palette (#ECFAEB, #F4C6A0, #A7B76D, #8A85B4, #3C4C3F)

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