Spruce Field color palette — #F1F3EB · #BAC9AC · #45928A · #4D6959 · #233900
Forest and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Pistachio (#BAC9AC): A luminous, dusty green — the color of new leaves after rain.
- Fern (#45928A): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#4D6959): A full-bodied, dusty teal — the color of sea glass.
- Forest (#233900): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Spruce 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
- Patina Lagoon color palette (#F3F2E9, #C1C8A4, #5C8F79, #6F596B, #30322B)
- Patina Cabin color palette (#F7F5EB, #BCE2DB, #76BDB7, #6A8F86, #3F4D00)
- Navy Cabin color palette (#E7E8CE, #45895D, #00503F, #1C215C, #060900)
- Petrol Delta color palette (#F5F1EB, #C3E7E9, #7AA0C8, #287784, #432E40)
- Pine Pier color palette (#F4F3E3, #89AB86, #00784F, #583B55, #1C1E03)
- Inked Olive Study color palette (#EBDFCC, #706B00, #2D3D00, #231043, #030300)
- Timeworn Archive color palette (#E7E3D3, #7C9866, #00672C, #0E3A65, #141300)
- Aged Amber color palette (#FFECF2, #AD8ACF, #BB7F39, #348880, #342128)
Browse the whole catalog at Explore, or see today's palette.