Pine Field color palette — #EEF9ED · #9D9F71 · #387239 · #50426B · #113F2E
A conversation between Olive and Charcoal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF9ED): a clean, paper-quiet neutral.
- Moss (#9D9F71): A luminous, dusty green — the color of new leaves after rain.
- Olive (#387239): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#50426B): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#113F2E): A deep, shadowed, dusty teal — the color of sea glass.
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
- Tempered Harbor color palette (#EAF9F3, #76A5A3, #00726C, #613C5C, #0A3E3C)
- Aged Olive Loft color palette (#FAF0E2, #A9A26C, #5E6D12, #64373E, #251B00)
- Feathered Pine Basin color palette (#ECFAEA, #A7A76C, #377B33, #714600, #3E3D09)
- Weathered Cobalt color palette (#DCF6EA, #90934B, #187BD1, #595B00, #0C375F)
- Forest Terrace color palette (#DCE9DD, #879265, #006635, #513900, #252D00)
- Weathered Olive Lagoon color palette (#ECF9EE, #BFB678, #7A8841, #855359, #203C2E)
- Aged Aubergine Lantern color palette (#E2F3E7, #6D834E, #005235, #451157, #141F00)
- Aubergine Summit color palette (#CDEEDE, #817E19, #4E66B9, #633B99, #2F2D01)
Browse the whole catalog at Explore, or see today's palette.