Forest Field color palette — #FFF4E0 · #96AB77 · #00724A · #4B3900 · #050900

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Sage (#96AB77): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#00724A): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#4B3900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#050900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Antique Fern color palette (#FFF2EA, #B99F64, #576800, #00463E, #0C0700)
• Emerald Basin color palette (#E6E1D0, #5CA064, #005A50, #2E2D00, #000200)
• Wandering Dune color palette (#F6F7E0, #66B39F, #006C7A, #671B34, #000A07)
• Tempered Jade color palette (#E2F4D4, #09B86D, #006D5D, #00373C, #000D13)
• Olive Alley color palette (#F4EDDB, #658600, #09530B, #2E2B00, #050900)
• Weathered Pine color palette (#FDF4E7, #B7C281, #328A4D, #005C69, #1E1800)
• Emerald Corridor color palette (#D1E5DA, #99B16F, #229824, #6B6624, #151F00)
• Hushed Lantern color palette (#DFFCFF, #00C0C0, #006F6E, #00272C, #000202)

Browse the whole catalog at Explore, or see today's palette.