Pine Pier color palette — #ECEBDD · #7A9600 · #0D7617 · #004D35 · #00333A
A conversation between Olive and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Parchment (#ECEBDD): bright and airy, almost weightless.
- Olive Leaf (#7A9600): A luminous, balanced green — the color of fresh herbs.
- Olive (#0D7617): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004D35): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#00333A): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Muted Drift color palette (#E6F4D8, #469700, #0C7015, #00441C, #001C0D)
- Chalky Moss color palette (#EBF0D7, #73AF50, #008651, #005C49, #034051)
- Ancient Amber Meadow color palette (#F1E4D2, #AA8D00, #5F5D00, #2B4300, #00302A)
- Softworn Meadow color palette (#B4F8D9, #00B187, #006347, #003425, #00180F)
- Mulberry Workshop color palette (#DFE1C4, #5DA243, #A7005D, #205700, #490F29)
- Aged Lagoon Terrace color palette (#DBF6E1, #00A388, #006E6C, #004851, #172A48)
- Aubergine Thicket color palette (#DCE2CC, #27944F, #7D0185, #89085A, #1D2202)
- Quiet Harbor color palette (#F0F9D5, #75D5C8, #00AEDF, #565D00, #2D3029)
Browse the whole catalog at Explore, or see today's palette.