Pine Field color palette — #F7F8DB · #7DB37B · #2E7A4B · #5E501A · #254324
Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F7F8DB): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7DB37B): A luminous, balanced green — the color of fresh herbs.
- Pine (#2E7A4B): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#5E501A): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#254324): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Tempered Olive color palette (#FFF4DA, #A4A869, #5E7300, #6F461D, #3C3B34)
- Emerald Lantern color palette (#EEEEC9, #5AA65B, #006D3A, #2B4E05, #033908)
- Patina Summit color palette (#DEFFE5, #A4EDEE, #54C8B7, #427C35, #185239)
- Dusty Basin color palette (#F5F6EC, #BCC5A9, #718C4B, #656C24, #45540B)
- Garnet Harbor color palette (#F4F3DF, #7BB892, #007C6F, #822926, #002814)
- Muted Terracotta Grove color palette (#E0FDF4, #88CDA1, #009C8B, #A54743, #0B4628)
- Tempered Atelier color palette (#DAEC93, #84AB10, #548500, #1D5D00, #054A15)
- Gentle Clover Villa color palette (#DEFDF6, #A6E0A6, #26C373, #988849, #224423)
Browse the whole catalog at Explore, or see today's palette.