Pine Field color palette — #F2E3DE · #007B2C · #004456 · #4A0013 · #001B15

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

The five colors

• Parchment (#F2E3DE): bright and airy, almost weightless.
• Olive (#007B2C): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004456): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#4A0013): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#001B15): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Wandering Olive color palette (#FCDFD6, #616E00, #004746, #440034, #001D04)
• Shadow Forest Veranda color palette (#FCDDD5, #006850, #003256, #320700, #000E0F)
• Antique Chapel color palette (#D7F2DC, #00765C, #00444D, #3A002D, #000706)
• Hushed Terrace color palette (#FCE7D2, #007573, #1D2F8C, #371D00, #001A22)
• Hushed Station color palette (#E6E4CA, #2F8D6B, #004F52, #233501, #002115)
• Pale Grove color palette (#F8EBD6, #009675, #006470, #64004F, #001B18)
• Muted Denim color palette (#FFDDC5, #00917F, #004FA2, #5C2600, #002F35)
• Antique Aubergine Delta color palette (#EBE7D0, #525F00, #420089, #311800, #110C00)

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