Softworn Pier color palette — #F0F3E9 · #4F9C70 · #11729D · #763A32 · #161A0D

A conversation between Slate and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F3E9): bright and airy, almost weightless.
• Fern (#4F9C70): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#11729D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#763A32): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#161A0D): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Petrol color palette (#E9F5EF, #4190B3, #536DA8, #71421B, #112118)
• Wandering Boulevard color palette (#FEEEE8, #92B78A, #06869E, #773F41, #272F1D)
• Hushed Drift color palette (#F4F7EC, #60A15E, #625F93, #6E3D4D, #39352F)
• Hushed Violet Market color palette (#F3F2E7, #7E994E, #865CA7, #654D1C, #1B190C)
• Weathered Mulberry color palette (#E9F6EB, #00929A, #8C3A96, #4C4800, #06180A)
• Tempered Emerald color palette (#F1F3E9, #57975E, #34825C, #493D6F, #221A0B)
• Clover Archive color palette (#E7FAF6, #7FB760, #A36B9A, #7E5977, #392D36)
• Frosted Hollow color palette (#FCF2CE, #A2D0AC, #009C98, #00607D, #0F2853)

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