Pine Field color palette — #EBE8D6 · #849400 · #007320 · #004C3C · #023241

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

The five colors

• Parchment (#EBE8D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#849400): A luminous, balanced green — the color of fresh herbs.
• Olive (#007320): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004C3C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#023241): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Gentle Moss Drift color palette (#EEF3D2, #49A900, #007557, #004E49, #003641)
• Amber Study color palette (#F7E9DC, #B08500, #626600, #205100, #003D29)
• Linen Meadow color palette (#D0E5CC, #00A276, #006C65, #004555, #1B264C)
• Aged Boulevard color palette (#AEFFDC, #00B67F, #006953, #003827, #002214)
• Plum Thicket color palette (#E6ECDD, #5E7E00, #B3006D, #9C002A, #1C2900)
• Worn Periwinkle Coast color palette (#F5FACF, #04EAE5, #34A2FE, #796500, #003D31)
• Emerald Coast color palette (#FFF5D9, #9EBD82, #359A5E, #0C7469, #3C5442)
• Obsidian Fern color palette (#E7EECB, #196805, #003A2B, #001E1E, #010810)

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