Pine Field color palette — #F6F6E8 · #96CA9A · #008D53 · #005F4D · #171B00
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6E8): bright and airy, almost weightless.
- Mint Leaf (#96CA9A): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008D53): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005F4D): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#171B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Aged Emerald color palette (#F9F6E2, #9BD86B, #259726, #006569, #112400)
- Weathered Lagoon Meadow color palette (#F4F7EA, #A3E1BB, #2EA07B, #2F7068, #242B15)
- Aged Teal Studio color palette (#F2F9E4, #41BA93, #00705F, #004546, #000A06)
- Softworn Lagoon color palette (#E0E2D3, #3D8C5E, #004832, #001F29, #000201)
- Hushed Forest Quarry color palette (#EEE3D1, #7D9653, #006541, #004556, #212E07)
- Cerulean Studio color palette (#F5F7E8, #A5F5FF, #00A3BD, #006A67, #00232D)
- Timeworn Moss color palette (#E8E1C7, #7F9A33, #325A00, #003330, #010100)
- Antique Taupe color palette (#FBF5E6, #E6EBB5, #94A85D, #687E5B, #3A3831)
Browse the whole catalog at Explore, or see today's palette.