Pine Field color palette — #FCF4E7 · #95A363 · #327335 · #59491C · #37362F

Olive and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Moss (#95A363): A luminous, balanced green — the color of new leaves after rain.
• Olive (#327335): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#59491C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#37362F): quiet, heavy and certain.

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

• Softworn Alley color palette (#F6F6E6, #6DAA8A, #00726A, #514946, #343630)
• Antique Bloom color palette (#E7F6EF, #98A95D, #536F30, #294F3F, #07211A)
• Antique Lagoon color palette (#F9F5E6, #B0B38D, #268666, #6B5801, #444600)
• Washed Forest color palette (#EAE4D6, #789758, #00663B, #00474C, #2D2A03)
• Antique Stone Basin color palette (#F9F5E7, #ADBD78, #6F8B50, #65635C, #37362F)
• Linen Station color palette (#EDEDD3, #1AAB77, #006963, #2A4E00, #023724)
• Softworn Jade Ridge color palette (#EAFAF0, #A4D6C5, #83AE71, #678E78, #143E32)
• Worn Scarlet Delta color palette (#EAF2E3, #00A683, #C8454E, #006650, #572224)

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