Pine Field color palette — #EEEFDD · #008A64 · #00504E · #133400 · #000804
Built around Fern, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#EEEFDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008A64): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Forest (#133400): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000804): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, 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
- Aged Olive color palette (#ECE7D7, #4E8535, #005338, #003239, #060600)
- Washed Forest color palette (#EFE8D5, #7AA05E, #007348, #004F56, #0E2000)
- Ancient Courtyard color palette (#D7F5ED, #3B9C7B, #007076, #37520E, #000804)
- Patina Cypress Boulevard color palette (#CCE6E0, #007F83, #005165, #002943, #00051A)
- Patina Bloom color palette (#CCE9F1, #006376, #921000, #4B3B00, #000203)
- Dusty Courtyard color palette (#EEE1DA, #589DB5, #005D93, #003C37, #01002F)
- Antique Olive Grove color palette (#EDE3D6, #A6AA66, #3F851A, #14625A, #322800)
- Violet Field color palette (#DAF4E6, #80A0DB, #9566B9, #005853, #000B1A)
Browse the whole catalog at Explore, or see today's palette.