Pine Field color palette — #F3F7EA · #EAB98C · #3B825A · #1E4D33 · #202417
Built around Fern, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7EA): a clean, paper-quiet neutral.
- Sand (#EAB98C): A luminous, balanced gold — the color of honey in a jar.
- Fern (#3B825A): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#1E4D33): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#202417): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Olive Dune color palette (#F9F5EB, #E0BF88, #7E740A, #494410, #252118)
- Pine Atelier color palette (#E8F9F8, #FCE2AD, #4E8558, #1F4126, #051211)
- Ancient Apricot Atelier color palette (#E9FAEF, #FF9E74, #00768B, #00424F, #082013)
- Dusty Lantern color palette (#E6FAFA, #FFC6B0, #5BA786, #3D6F59, #102627)
- Washed Apricot Alley color palette (#DBEAD5, #FA891A, #006A5E, #00362F, #061302)
- Azure Villa color palette (#F4F6EE, #8BD9A1, #3A97D4, #43945D, #122922)
- Muted Lagoon color palette (#F2F7F1, #D1DEDC, #AFC7C9, #47A191, #444A41)
- Softworn Violet color palette (#F6F7E7, #6EA355, #8C5ECD, #904A1D, #282914)
Browse the whole catalog at Explore, or see today's palette.