Pine Field color palette — #FFF1F6 · #C19E27 · #1D813B · #532170 · #131400

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C19E27): A luminous, balanced green — the color of fresh herbs.
• Olive (#1D813B): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#532170): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#131400): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Aged Moss Basin color palette (#FFF0F7, #8FB04E, #007C70, #661B57, #001803)
• Pale Ridge color palette (#FFF1F6, #C5B961, #1F9463, #6B3B74, #1C2600)
• Tangerine Basin color palette (#DFFFE2, #EA841C, #677300, #34347B, #1B1000)
• Worn Terrace color palette (#FFE6F1, #879300, #006450, #4A004C, #010500)
• Amber Parlor color palette (#E4FCED, #A99100, #006E8D, #531863, #1A001F)
• Aubergine Balcony color palette (#F3D9BF, #927300, #005D21, #491462, #252600)
• Antique Olive Lagoon color palette (#DAF2E5, #768100, #235B00, #00333A, #0B1100)
• Tempered Villa color palette (#FFF2ED, #00CD4A, #00828C, #83003E, #001E15)

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