Pine Field color palette — #FFEFDB · #B4B56C · #53864D · #005B50 · #002831
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFEFDB): A whisper-light, dusty gold — the color of old brass.
- Sage (#B4B56C): A luminous, balanced green — the color of fresh herbs.
- Fern (#53864D): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005B50): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002831): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Ancient Workshop color palette (#FFF4C9, #9AB982, #3E864E, #00614A, #004945)
- Dusty Navy color palette (#FFF1CE, #AECBA4, #4E9B85, #006074, #002F5C)
- Fern Loft color palette (#FFE8E6, #D8A06A, #907B30, #365503, #002E20)
- Hushed Taupe Courtyard color palette (#FFEEE6, #A4A04E, #287A6F, #5D355F, #252405)
- Jade Corridor color palette (#E0FFDE, #D1C78E, #67A76B, #007A69, #00414E)
- Tempered Driftwood Basin color palette (#FFF0D5, #AFB799, #6C8D75, #694F4C, #452F2C)
- Moss Workshop color palette (#EDE7D7, #71A500, #00754F, #003E41, #001626)
- Moonless Olive Drift color palette (#E8DECB, #606B00, #004924, #001918, #000204)
Browse the whole catalog at Explore, or see today's palette.