Pine Field color palette — #EAE4D6 · #97AD84 · #1E8655 · #5F570B · #2C2A04
Built around Fern, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Parchment (#EAE4D6): bright and airy, almost weightless.
- Sage (#97AD84): A luminous, dusty green — the color of fresh herbs.
- Fern (#1E8655): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#5F570B): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#2C2A04): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Weathered Fern Ridge color palette (#E5E6D8, #79B398, #00837D, #3A621B, #003220)
- Weathered Olive Orchard color palette (#F1E2D1, #ADA677, #5B7F14, #006452, #2F2900)
- Wandering Studio color palette (#E6E6D8, #81B295, #008479, #804038, #01321D)
- Worn Boulevard color palette (#E8E5D3, #9CCB71, #6CA163, #707A52, #2C2A0A)
- Dusty Lime Bloom color palette (#E5FCEF, #9ECB70, #1F8B57, #315B46, #001E18)
- Lagoon Market color palette (#FAF5E3, #9BC994, #009E76, #007689, #274323)
- Wandering Olive color palette (#F6F6EA, #BDCAAB, #549E99, #76762D, #354B03)
- Jade Pier color palette (#E0F8DF, #27B286, #00897C, #005A61, #003744)
Browse the whole catalog at Explore, or see today's palette.