Forest Field color palette — #F9F7DD · #7AB27E · #00714F · #5D2D00 · #000B01
Built around Pine, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Custard (#F9F7DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#7AB27E): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00714F): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Forest 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
- Timeworn Fern color palette (#FFF4E1, #A9A74B, #4E6B00, #4C3900, #080800)
- Hushed Lagoon color palette (#E0E3D2, #31A480, #005A53, #3B2700, #000201)
- Gentle Clover color palette (#DEFFE6, #58C16D, #00732B, #002E13, #000200)
- Dusty Lagoon color palette (#F6F7E5, #84CF9B, #008B6D, #405A2E, #161B00)
- Forest Quarry color palette (#CDE7E0, #588852, #005326, #392D00, #032201)
- Dusty Jade color palette (#F4F0DD, #57C07C, #009289, #7F546F, #181E00)
- Ancient Basin color palette (#F8F6E3, #B7E8B1, #00AD71, #627238, #2E2F28)
- Byzantium Atelier color palette (#EFF1D0, #5FB92E, #A700C7, #265C00, #110017)
Browse the whole catalog at Explore, or see today's palette.