Pine Pier color palette — #F4F7EB · #A8E1AF · #009F97 · #008F38 · #010800
Kelly Green takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Mint (#A8E1AF): A whisper-light, balanced green — the color of fresh herbs.
- Fern (#009F97): A luminous, balanced teal — the color of glacier melt.
- Kelly Green (#008F38): A full-bodied, vivid green — the color of new leaves after rain.
- Ink (#010800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Cerulean Field color palette (#F1F7EE, #85E4D4, #0099BB, #00897B, #000803)
- Tempered Emerald color palette (#F7F5EB, #CDD887, #38A24A, #747E00, #050600)
- Antique Drift color palette (#F2F7EE, #A8F9DB, #3DB0BA, #00A27C, #051709)
- Weathered Lagoon Coast color palette (#E2EEDD, #00A492, #005767, #00463E, #000102)
- Frosted Moss Field color palette (#F7F6EA, #B8D884, #00B6D2, #80A531, #051E10)
- Dusty Lagoon color palette (#D9FFF1, #82E1D5, #009C9B, #005C63, #00272F)
- Timeworn Navy Field color palette (#E1F2E7, #00899F, #003C70, #00313A, #030004)
- Hushed Boulevard color palette (#F5F8DF, #69CABC, #008F9B, #40449C, #0E280D)
Browse the whole catalog at Explore, or see today's palette.