Pine Field color palette — #EBF9F1 · #AAC595 · #39885F · #005C64 · #0E1D00
Fern and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBF9F1): bright and airy, almost weightless.
- Pistachio (#AAC595): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#39885F): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005C64): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Ink (#0E1D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication, 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
- Softworn Olive color palette (#ECFAEC, #C0BE8A, #5A852E, #474A81, #1B1900)
- Ancient Fern Parlor color palette (#E7FAF5, #8ACCAA, #008881, #395C17, #001F11)
- Tempered Lagoon Harbor color palette (#ECF9F3, #A6DDD5, #389E7D, #236E7E, #032F2B)
- Worn Pier color palette (#E5FBF4, #74B388, #006F61, #004257, #000B03)
- Jade Lagoon color palette (#E6E6D2, #94CA96, #45A76E, #488271, #282C0E)
- Weathered Villa color palette (#EBE4D1, #729954, #00653F, #00474D, #2B2B09)
- Tempered Jade Atelier color palette (#E5FBF2, #BBE6BB, #10AA88, #845690, #113815)
- Azure Pier color palette (#FEF1FA, #B5F2FA, #2C9FCA, #006C54, #001F3D)
Browse the whole catalog at Explore, or see today's palette.