Softworn Pier color palette — #F7F1CF · #9BC08E · #339D6A · #056653 · #223723
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F7F1CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9BC08E): A luminous, balanced green — the color of new leaves after rain.
- Fern (#339D6A): A luminous, balanced teal — the color of sea glass.
- Pine (#056653): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#223723): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Dusty Lagoon color palette (#E3EBC9, #7ECDB4, #009D9A, #116D7A, #214134)
- Lagoon Parlor color palette (#E8F8E0, #96DAC8, #199C8E, #005D50, #0F2108)
- Tempered Moss color palette (#FFEFDE, #D2BA79, #8E9131, #4B5F26, #34362F)
- Weathered Blush color palette (#EEF4E6, #88C2A7, #D07EA9, #2E8362, #452827)
- Airy Jade Canyon color palette (#E6F0E3, #00BA81, #008373, #005354, #00252F)
- Driftwood Workshop color palette (#EFF4E8, #C6E3DA, #DBC2D1, #8F883F, #323C31)
- Cerulean Archive color palette (#DFF3DC, #45BCCB, #0087A6, #005282, #1C2F4E)
- Muted Peony Parlor color palette (#EEF5E3, #61AF89, #B971A8, #A76167, #242A19)
Browse the whole catalog at Explore, or see today's palette.