Pine Pier color palette — #D8E3C3 · #008229 · #004B3E · #001E1E · #000102
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D8E3C3): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#008229): A full-bodied, vivid green — the color of a quiet forest floor.
- Forest (#004B3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001E1E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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 Cypress Villa color palette (#DEEEE3, #008272, #004C53, #00141D, #000105)
- Olive Parlor color palette (#EAE6D5, #737600, #0E4B03, #001F13, #000201)
- Quiet Balcony color palette (#E2F5DE, #007B74, #921762, #00332F, #040002)
- Emerald Basin color palette (#FFE6ED, #0F9321, #007721, #020D0A, #010100)
- Garnet Alley color palette (#C0ECE3, #006357, #86002F, #610020, #000201)
- Lagoon Study color palette (#C9ECDF, #00A3A2, #00728B, #003B56, #000822)
- Muted Pier color palette (#D6F7E9, #6BC6E6, #787CDA, #445300, #000102)
- Timeworn Mint Harbor color palette (#C9FCC1, #00CCA7, #009396, #005563, #002033)
Browse the whole catalog at Explore, or see today's palette.