Pine Field color palette — #E0E5D0 · #008A4A · #00433C · #001F2C · #010031
A conversation between Fern and Ink, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E0E5D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008A4A): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00433C): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001F2C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#010031): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged muted, cool.
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
- Patina Loft color palette (#F9EBCB, #607300, #00452C, #001E1C, #000B11)
- Dusty Lantern color palette (#D6E2D9, #00957B, #006465, #00353F, #000E17)
- Sunlit Emerald Field color palette (#E0E6D4, #00AB57, #008380, #004E61, #000525)
- Eclipse Forest Cabin color palette (#F3DFE2, #006A33, #003548, #350011, #000F0C)
- Dusty Abyss Meadow color palette (#E8EBE1, #9EAE9D, #68877A, #004423, #121606)
- Moss Archive color palette (#E4F1E1, #809A00, #00866D, #004A94, #000F11)
- Weathered Navy Bloom color palette (#E6F3DB, #3B8C8C, #2B4476, #46200C, #300E00)
- Navy Meadow color palette (#DEE6D9, #00B37B, #006A6F, #003F57, #1E0085)
Browse the whole catalog at Explore, or see today's palette.