Pine Pier color palette — #F3F7EB · #8AE7B4 · #009DA5 · #008D59 · #000801
A conversation between Fern and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F7EB): bright and airy, almost weightless.
- Lagoon (#8AE7B4): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#009DA5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008D59): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000801): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Pine 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
- Linen Olive Loft color palette (#F7F6E9, #BFDC9A, #00A181, #618422, #030700)
- Weathered Lantern color palette (#EEF8F0, #72E4EE, #3A93C5, #00868F, #000804)
- Ancient Workshop color palette (#F2F7F0, #ABF7E8, #32ADD0, #00A08D, #04170D)
- Lagoon Field color palette (#E3EDE1, #00A39B, #00566C, #004642, #000201)
- Weathered Lagoon color palette (#D7FFF5, #76DBD3, #00A2A9, #005C69, #00242D)
- Weathered Navy Meadow color palette (#D7EDE1, #0087A7, #003781, #00313E, #030003)
- Moss Quarry color palette (#F6F6ED, #B2D898, #1BADF7, #63AD00, #001E16)
- Iris Delta color palette (#E6FBF2, #ABE1FF, #6887FD, #0089BA, #140312)
Browse the whole catalog at Explore, or see today's palette.