Pine Field color palette — #EEEEBE · #85B972 · #009257 · #00695E · #2A5363
Fern and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#EEEEBE): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#85B972): A luminous, balanced green — the color of new leaves after rain.
- Fern (#009257): A full-bodied, balanced teal — the color of sea glass.
- Pine (#00695E): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#2A5363): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Weathered Mint color palette (#C1F8EB, #78C282, #008978, #006466, #3A4563)
- Mint Hollow color palette (#D2F2BF, #85D883, #3AA371, #127862, #1A4A52)
- Aged Olive Ridge color palette (#D4F3D2, #B2AD59, #5B8500, #1F6428, #124C51)
- Muted Lagoon Corridor color palette (#DFFBFF, #6FCCC1, #008A75, #005049, #003328)
- Faded Quarry color palette (#E3FAFE, #4CB4A0, #B867B1, #007766, #463B5E)
- Timeworn Coast color palette (#E5FAF8, #C4E5F5, #9CC3FC, #82884B, #33545B)
- Hazy Hollow color palette (#DBFDFC, #379F65, #C24E65, #9B4927, #173F3E)
- Ancient Cerulean color palette (#CBEFE3, #00A1A8, #00637B, #003C6C, #2F1A4B)
Browse the whole catalog at Explore, or see today's palette.