Pine Field color palette — #FFF4DE · #97AE60 · #367A44 · #6E4055 · #3C3B34

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#97AE60): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#367A44): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#6E4055): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#3C3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Weathered Veranda color palette (#FBF0DF, #97B36C, #007F54, #5E3D6B, #182500)
• Teal Loft color palette (#F5F7E4, #35BC96, #00797A, #744131, #383C35)
• Faded Moss Basin color palette (#EEE4CA, #6F9B49, #00663E, #582F3B, #2C2B04)
• Lagoon Corridor color palette (#E5FCEB, #AAC682, #459972, #795D84, #0F4439)
• Faded Villa color palette (#FFF5D2, #A7AB25, #6759D3, #5F6100, #362F70)
• Powdered Grape Chapel color palette (#EAF2B2, #929B27, #6045C0, #84287C, #303309)
• Chestnut Delta color palette (#FAF5E8, #B7C99A, #668C6E, #7E6117, #564E00)
• Aqua Parlor color palette (#FFF5D9, #CEFFBB, #42D8CE, #966F2A, #484840)

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