Spruce Pier color palette — #EFECD8 · #5A7638 · #144300 · #002828 · #091300
Forest takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#EFECD8): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#5A7638): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#144300): A deep, shadowed, balanced green — the color of fresh herbs.
- Onyx (#002828): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#091300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Spruce Pier 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
- Cypress Cabin color palette (#E5F1D8, #007D6A, #00413C, #00282C, #00140F)
- Tempered Atelier color palette (#F0EADA, #7B7F3C, #3C4C00, #5D000B, #1B1D00)
- Shadow Olive color palette (#F0DEC6, #6D6C00, #1E4000, #1B1348, #030300)
- Hushed Moss Orchard color palette (#D3E4D4, #8C8800, #346000, #302C6F, #111000)
- Hazy Moss color palette (#D4EFE3, #82A71D, #448302, #006360, #0B1200)
- Forest Grove color palette (#EEEDD4, #6DA261, #006D2F, #004C54, #0F3805)
- Abyss Lagoon color palette (#EBECDF, #5A9C9B, #00545A, #00302A, #00181C)
- Fern Boulevard color palette (#FAF4EA, #A29D6F, #64681A, #6F383D, #38352E)
Browse the whole catalog at Explore, or see today's palette.