Pine Pier color palette — #E1E5D4 · #007532 · #455054 · #002A2B · #080B00
A conversation between Pine and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E1E5D4): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#007532): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#455054): quiet, heavy and certain.
- Deep Forest (#002A2B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#080B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Cypress Study color palette (#E4F2E5, #006E71, #3A444D, #04263F, #000D02)
- Wandering Fern Ridge color palette (#ECE3CD, #6D6200, #303D3C, #002D0E, #0E0800)
- Muted Pine Quarry color palette (#E3E8D4, #009249, #004E41, #1A2000, #020200)
- Pine Coast color palette (#D2EAE8, #00742E, #2F2E36, #001617, #000201)
- Forest Meadow color palette (#F3EADA, #829E53, #00734B, #574200, #141F00)
- Misty Basin color palette (#D9E6CA, #00A157, #007163, #004A50, #001F2C)
- Teal Meadow color palette (#EBF5EB, #4CADAB, #455E56, #323B31, #20231B)
- Dusty Dune color palette (#CCE6D6, #0096B0, #563A53, #0B2E1C, #0D140A)
Browse the whole catalog at Explore, or see today's palette.