Pine Pier color palette — #E8F3E6 · #008133 · #00472B · #002016 · #000D0A
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F3E6): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#008133): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00472B): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#002016): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000D0A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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
- Aged Drift color palette (#E1F4EE, #007A6F, #00494A, #002226, #001015)
- Olive Alley color palette (#E4E4C4, #667500, #2F4500, #062200, #000F03)
- Emerald Orchard color palette (#E7EDD9, #349633, #00613F, #00372F, #000B0C)
- Patina Spruce Parlor color palette (#EDEDE4, #A8AD90, #768844, #214100, #151502)
- Washed Lagoon Ridge color palette (#DCF3E7, #008976, #005556, #152A57, #270738)
- Ancient Turquoise color palette (#CBE8E7, #00A7B3, #006375, #003B4C, #002437)
- Tempered Seafoam Station color palette (#6EFFED, #00C2C2, #00818D, #005363, #003A4B)
- Mint Study color palette (#DCFFEB, #6FD0B4, #3A9284, #1A6867, #005156)
Browse the whole catalog at Explore, or see today's palette.