Spruce Field color palette — #D0E6DF · #577644 · #03440A · #3C1400 · #061400
A conversation between Forest and Olive, giving this palette its sense of nature and growth.
The five colors
- Silver (#D0E6DF): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#577644): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#03440A): A deep, shadowed, balanced green — the color of fresh herbs.
- Espresso (#3C1400): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#061400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Ancient Quarry color palette (#D9EFE7, #64854E, #06540E, #3D2B00, #0D2000)
- Smoked Cypress color palette (#D9F4F3, #206C52, #00332A, #211400, #000804)
- Olive Market color palette (#DAF3E6, #4D752E, #004228, #2F083D, #010400)
- Softworn Cabin color palette (#F9DFE9, #8C4D00, #005B34, #442300, #001408)
- Patina Canyon color palette (#F1E9D1, #6B9050, #00633E, #4C245A, #071300)
- Worn Bronze color palette (#F9D9E4, #B99C64, #8B7C00, #5D2D00, #261700)
- Hushed Bronze Studio color palette (#F1DFCC, #A56700, #533000, #1C0D00, #080300)
- Aged Garnet color palette (#FAECE1, #703F00, #304A00, #5C0031, #0F0500)
Browse the whole catalog at Explore, or see today's palette.