Pine Field color palette — #E3E3CE · #8CA357 · #448142 · #004A52 · #002533
Fern and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E3E3CE): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8CA357): A luminous, balanced green — the color of fresh herbs.
- Fern (#448142): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002533): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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
- Chestnut Alley color palette (#F0DAC6, #B49762, #756400, #004C34, #002823)
- Linen Market color palette (#DAF6E1, #4BAA8E, #05827C, #22456D, #141B49)
- Feathered Terrace color palette (#E9ECCE, #879700, #4A6700, #204000, #062000)
- Lagoon Harbor color palette (#DFE6D7, #92C190, #0A986D, #006C8D, #09436B)
- Quiet Clover Villa color palette (#B1F9BC, #1FB74E, #007420, #00350E, #000D02)
- Tempered Scarlet color palette (#E9F0E1, #699700, #CE2612, #3A5600, #310100)
- Antique Basalt color palette (#D8FBF3, #B3CCCA, #849A9C, #586F7F, #344558)
- Feathered Alley color palette (#E5EFE3, #2A8800, #00727C, #704900, #021300)
Browse the whole catalog at Explore, or see today's palette.