Pine Field color palette — #F5EDD5 · #7E9C35 · #00721C · #004135 · #00292A
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F5EDD5): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#7E9C35): A luminous, balanced green — the color of new leaves after rain.
- Olive (#00721C): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004135): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#00292A): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Moss Workshop color palette (#D8E4C9, #50A227, #006928, #003D24, #00120C)
- Amber Parlor color palette (#F5E2D6, #B18B00, #606300, #00400E, #002B22)
- Wandering Emerald color palette (#DCE6CD, #45A663, #006D5E, #003B3F, #111F38)
- Worn Coast color palette (#E6E9D4, #95C371, #0AA956, #00775D, #002825)
- Softworn Lagoon color palette (#D4F9F0, #D5A900, #5BA500, #00747B, #002E1C)
- Softworn Fern color palette (#E6F1ED, #C1D0CD, #82A8AC, #555A00, #20322B)
- Faded Aubergine color palette (#F9D1E3, #777E00, #005B47, #560953, #132B04)
- Frosted Market color palette (#C6FDEE, #77C18F, #008D78, #005864, #003E5D)
Browse the whole catalog at Explore, or see today's palette.