Pine Field color palette — #FEF5DC · #AF9D00 · #00903E · #006264 · #511F00
Built around Kelly Green, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Cream (#FEF5DC): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#AF9D00): A luminous, balanced green — the color of fresh herbs.
- Kelly Green (#00903E): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#006264): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#511F00): A deep, shadowed, balanced 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
- Worn Moss Station color palette (#F9F7DE, #84AC00, #008C73, #005F78, #432B00)
- Linen Pine Atelier color palette (#EAE0CE, #A48100, #327521, #004D4A, #3A1000)
- Washed Terrace color palette (#E5FBF1, #B4B600, #009658, #005D62, #00233F)
- Misty Amber color palette (#FFF3E8, #E67B00, #807B00, #00663C, #5F0023)
- Chalky Orchard color palette (#F9F6E3, #A0AD5F, #3B9277, #91413E, #4C3200)
- Weathered Emerald color palette (#E5EDC3, #00A945, #00787C, #004982, #292500)
- Misty Emerald color palette (#FAF6DB, #A6C789, #549A48, #7D6538, #2D4216)
- Powdered Corridor color palette (#F2F0D3, #B0B90B, #7D8F00, #4E6B00, #284B00)
Browse the whole catalog at Explore, or see today's palette.