Pine Pier color palette — #D8E9E6 · #7EB48A · #008759 · #316325 · #00302E
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Frost (#D8E9E6): bright and airy, almost weightless.
- Jade (#7EB48A): A luminous, balanced teal — the color of sea glass.
- Fern (#008759): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#316325): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#00302E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Softworn Pine color palette (#F5F8DD, #83CF96, #008C5E, #3B5B34, #161B00)
- Lagoon Dune color palette (#E5FAF9, #8BBFC0, #40917A, #466E4F, #0C3D3E)
- Hushed Corridor color palette (#D8E9E3, #5E9C6D, #006353, #384311, #0D3118)
- Softworn Olive color palette (#D9EADE, #ACA779, #747816, #685300, #2F2A00)
- Aged Forest Archive color palette (#D1E7DF, #699148, #13640F, #00442A, #071300)
- Aged Teal Cabin color palette (#D5EFED, #00B7BC, #008A97, #005562, #00323F)
- Ancient Teal Terrace color palette (#E9E6CD, #81CF93, #00A88F, #6E7B4F, #262C08)
- Patina Indigo color palette (#D3F3FF, #0098A2, #4F6FE3, #377C00, #002528)
Browse the whole catalog at Explore, or see today's palette.