Pine Field color palette — #D9FFF1 · #B0C599 · #659359 · #2E774C · #1C5659
A conversation between Pine and Fern, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D9FFF1): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#B0C599): A luminous, dusty green — the color of new leaves after rain.
- Fern (#659359): A luminous, balanced green — the color of fresh herbs.
- Pine (#2E774C): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#1C5659): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged muted.
Use it as a design system
One click turns Pine Field 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
- Patina Forest color palette (#DAFDFD, #A8D8BF, #519776, #005D41, #11412E)
- Pewter Corridor color palette (#EEF8EF, #A6BFAE, #6B896D, #775061, #384D43)
- Antique Lagoon color palette (#D6FEFF, #86C9BA, #279D94, #007278, #2B586C)
- Timeworn Jade color palette (#FFF4DF, #C6D793, #7AB56D, #35836A, #435842)
- Fern Boulevard color palette (#E6FDE3, #CEAF7F, #9F873B, #6A6700, #2D594C)
- Timeworn Pine Market color palette (#E7FAF8, #85BCB7, #B786AE, #2C8745, #514766)
- Ancient Teal color palette (#C9EAD7, #3CB494, #007A73, #005153, #14334C)
- Softworn Bronze color palette (#DFFCFB, #74A586, #7C86B9, #AA5E49, #2B4948)
Browse the whole catalog at Explore, or see today's palette.