Pine Field color palette — #FAF1E2 · #A9893A · #30771F · #004B4B · #351300

Olive takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF1E2): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#A9893A): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#30771F): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#351300): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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 Courtyard color palette (#FCF0E2, #B98036, #626C00, #004E32, #002328)
• Timeworn Harbor color palette (#F3F3E7, #779B46, #007567, #004762, #2A1B00)
• Timeworn Driftwood color palette (#FCF1DA, #C4BA91, #908F66, #4F624F, #1E3B29)
• Olive Archive color palette (#F4E1BC, #B1A44A, #808000, #505800, #312C06)
• Bronze Harbor color palette (#F0E5D5, #976D00, #34312A, #1C1408, #0A0502)
• Marigold Alley color palette (#EAFAEC, #D49800, #6D8D41, #006E5C, #572824)
• Hushed Coast color palette (#E7E2BC, #637D00, #005A44, #00323C, #000B2C)
• Amber Quarry color palette (#FFF0F8, #CC6A26, #007462, #3F4178, #3E274D)

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