Pine Field color palette — #EAF5EE · #B5A035 · #297821 · #635500 · #000907

A conversation between Olive and Mustard, giving this palette its sense of nature and growth.

The five colors

• Cream (#EAF5EE): bright and airy, almost weightless.
• Mustard (#B5A035): A luminous, balanced green — the color of fresh herbs.
• Olive (#297821): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#635500): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000907): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Ancient Fern Dune color palette (#E6F6F2, #8CAC68, #00765B, #406100, #000809)
• Aged Orchard color palette (#FCEDF2, #CE9152, #6B6800, #7A4700, #000904)
• Timeworn Harbor color palette (#FCF4E9, #BB9151, #006F52, #6B4700, #131C08)
• Olive Ridge color palette (#E2EBCA, #89AD60, #3B7327, #004A1D, #001C0E)
• Sunlit Moss color palette (#F8F5ED, #C3B47A, #679000, #867000, #1C1900)
• Powdered Lime color palette (#D8FBF1, #CFCF5F, #8EB629, #38884B, #081900)
• Washed Olive Courtyard color palette (#DCECE4, #807D00, #00531C, #3A3800, #000201)
• Antique Pier color palette (#ECF4F0, #CBD9DA, #A7BDB7, #68691E, #17241E)

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