Softworn Pier color palette — #F4EAF1 · #7EBDBC · #0092AC · #007144 · #001624

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F4EAF1): bright and airy, almost weightless.
• Mint Leaf (#7EBDBC): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#0092AC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007144): A full-bodied, balanced teal — the color of sea glass.
• Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Gentle Garden color palette (#FAE8F2, #77BBD3, #008AD5, #006E65, #020744)
• Washed Chapel color palette (#E2E3D3, #6FAFAD, #00747B, #004B41, #00181C)
• Worn Coast color palette (#F9E9E0, #0D9E9C, #005361, #002E18, #00050B)
• Periwinkle Market color palette (#D2F0EB, #60C9D5, #6AA5F1, #867A00, #001A0F)
• Aged Sky color palette (#FDF1FA, #A6E7EE, #00BBF0, #009B77, #00345D)
• Periwinkle Bloom color palette (#EAF1E9, #BDD6F0, #849FF8, #008EA2, #30215A)
• Pine Orchard color palette (#D4E8D8, #31B66F, #00903C, #005A2D, #000301)
• Tempered Lagoon color palette (#C5E9E1, #78B44B, #C62FC9, #315D00, #1F0020)

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