Pine Field color palette — #F8F6E2 · #8ECD92 · #008C63 · #6C4545 · #171B00
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#8ECD92): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008C63): A full-bodied, balanced teal — the color of shallow lagoons.
- Coffee (#6C4545): A full-bodied, dusty red — the color of late-summer berries.
- 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
- Antique Chartreuse color palette (#FCF5DC, #9FD765, #249647, #884125, #132400)
- Frosted Olive color palette (#FFF4DE, #BAC458, #588628, #5D4768, #1E1800)
- Patina Coast color palette (#F6F7E5, #A5E0BC, #509A87, #805753, #242B11)
- Timeworn Balcony color palette (#F4F8E5, #23BD91, #006F67, #5D2834, #040A00)
- Hushed Veranda color palette (#D2EBE5, #6B996D, #006639, #5F2F00, #00302D)
- Softworn Garden color palette (#E9E9D7, #358E57, #004737, #2B1500, #010100)
- Washed Aubergine Lagoon color palette (#D5E4DE, #6F9A74, #006451, #521F5A, #001804)
- Softworn Straw color palette (#FAF4EB, #E9EBA7, #90A86E, #8E6E63, #3A3831)
Browse the whole catalog at Explore, or see today's palette.