Pine Pier color palette — #F8F7DE · #82B371 · #017F31 · #1C5E46 · #294220
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F7DE): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#82B371): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#017F31): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#1C5E46): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#294220): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Muted Coast color palette (#F3F8E6, #6BAB89, #00745A, #175651, #343630)
- Antique Hollow color palette (#FEF1D4, #90B750, #217E48, #02575B, #252100)
- Weathered Olive Study color palette (#FFF4DD, #ABA754, #667100, #405A2E, #3D3A34)
- Wandering Basin color palette (#E7FBEE, #A8C876, #409B60, #387476, #144439)
- Hazy Ultramarine Atelier color palette (#FFF0FE, #518FFF, #009668, #004DD1, #00462F)
- Fern Parlor color palette (#F5F6EB, #BEC4A8, #5B8E71, #546D5D, #4A5303)
- Worn Lagoon Grove color palette (#DEE3D5, #008F71, #005047, #003638, #002118)
- Hushed Coast color palette (#FFF3E2, #C5D88F, #69B986, #4F94A5, #35400B)
Browse the whole catalog at Explore, or see today's palette.