Softworn Pier color palette — #F8F2FF · #B85CFF · #8F7F00 · #006633 · #160026
A conversation between Amethyst and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F2FF): a clean, paper-quiet neutral.
- Amethyst (#B85CFF): A luminous, vivid violet — the color of a velvet chair.
- Olive Leaf (#8F7F00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006633): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#160026): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Magenta Parlor color palette (#F6F3FF, #ED52F9, #707500, #00644F, #1B001D)
- Iris Dune color palette (#F0F5FF, #7483FF, #AF6D00, #416000, #070728)
- Magenta Courtyard color palette (#F5F4FF, #C02ADA, #796600, #004E40, #000116)
- Worn Atelier color palette (#EDDFFF, #9C42EB, #305800, #00432D, #120024)
- Chalky Dune color palette (#F9F2FF, #FB44B1, #8B6300, #004B3B, #000543)
- Quiet Workshop color palette (#EADEFF, #C8A1FF, #599700, #00815A, #251638)
- Tempered Alley color palette (#F9F2FF, #E961A7, #2D7B00, #00595D, #0E0118)
- Dusty Emerald color palette (#FBF1FF, #F983A7, #0A9347, #006B7E, #1D0F22)
Browse the whole catalog at Explore, or see today's palette.