Worn Pier color palette — #E7F9FA · #ADB480 · #166043 · #003637 · #0F1D24
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7F9FA): a clean, paper-quiet neutral.
- Sage (#ADB480): A luminous, dusty green — the color of new leaves after rain.
- Pine (#166043): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003637): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#0F1D24): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Worn 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
- Jade Pier color palette (#EAF8FF, #79B371, #005163, #002C37, #091225)
- Weathered Corridor color palette (#E9F8FD, #97CDBF, #2D6968, #1F3E46, #1B252E)
- Cypress Summit color palette (#F0F8ED, #E8B99A, #1A8374, #064E44, #1B2516)
- Antique Jade color palette (#F2F8EA, #D4DC9A, #51A980, #61645D, #1F2417)
- Washed Station color palette (#C6EDF4, #7FA100, #00453E, #00201C, #010A14)
- Velvet Lagoon color palette (#CCE5EE, #3E6D16, #362D31, #00181B, #000304)
- Hushed Lagoon color palette (#E2FAFF, #009588, #5770A5, #5D5413, #14393F)
- Tempered Veranda color palette (#EEF7FA, #D6DAE0, #BABECA, #2F818E, #3F4A4E)
Browse the whole catalog at Explore, or see today's palette.