Pine Pier color palette — #D8F7F0 · #498B52 · #00532F · #1B3709 · #002206
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#498B52): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#00532F): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Forest (#1B3709): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#002206): 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
- Cypress Bloom color palette (#D7EEED, #007E60, #004238, #002A17, #00140D)
- Lagoon Lantern color palette (#D6E9E7, #579C78, #00644D, #004843, #003030)
- Moss Field color palette (#D9F2E5, #8D9C1F, #496500, #05520D, #2C3200)
- Sunlit Emerald color palette (#E2DFCF, #4BAA55, #00715A, #424A0B, #042207)
- Dusty Fern Station color palette (#CAECF9, #007C86, #605C00, #004248, #1D1C00)
- Antique Lagoon color palette (#DFF1E8, #7BB97F, #009381, #696721, #002204)
- Aubergine Dune color palette (#D3EDFF, #006386, #6200B7, #004933, #00141F)
- Patina Thicket color palette (#E8F9F7, #84BBBA, #218667, #36635F, #2D4848)
Browse the whole catalog at Explore, or see today's palette.