Pine Pier color palette — #E6E5D1 · #84B24A · #007F38 · #005C47 · #00484A
A conversation between Olive and Jade, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E6E5D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#84B24A): A luminous, balanced green — the color of fresh herbs.
- Olive (#007F38): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005C47): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00484A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Timeworn Field color palette (#EEF3D4, #95C670, #52AD5F, #008367, #004948)
- Gentle Lagoon color palette (#F8E9D8, #AC951F, #5F7300, #085D10, #064734)
- Feathered Plum color palette (#EAF2E2, #29B68D, #974398, #00664D, #472847)
- Olive Drift color palette (#E8EBCF, #1C8C15, #005636, #003633, #061D2E)
- Gentle Atelier color palette (#F1DBCC, #FFA3DD, #00AD5F, #1E3A26, #1F2219)
- Chestnut Cabin color palette (#F2E6D5, #989C5D, #805D00, #663518, #30312A)
- Mulberry Pier color palette (#DEEACA, #2BA46E, #972864, #83141F, #263010)
- Antique Bronze color palette (#F2F9DC, #9EF1F5, #90B7F0, #786D24, #34422C)
Browse the whole catalog at Explore, or see today's palette.