Spruce Coast color palette — #E1E2D3 · #9FAF94 · #6D8676 · #194200 · #141508
Built around Forest, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Parchment (#E1E2D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9FAF94): A luminous, dusty green — the color of a quiet forest floor.
- Driftwood (#6D8676): A full-bodied, dusty teal — the color of sea glass.
- Forest (#194200): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#141508): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Spruce Coast 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 Spruce color palette (#D5E4E3, #8BA6A6, #648285, #004319, #000605)
- Muted Forest color palette (#DFE2D4, #B1B7A5, #8E9A84, #006428, #121601)
- Aged Abyss Meadow color palette (#E2ECE5, #C5B1C7, #A58394, #004D5A, #112418)
- Weathered Forest color palette (#F3F7E7, #C7D8C4, #8BB19E, #006D2E, #32342D)
- Wandering Pine color palette (#E5F3F0, #A2B3BD, #849BB5, #14891A, #001816)
- Muted Cypress color palette (#F0F7F1, #CADEE0, #C0ADB9, #00717A, #323E34)
- Muted Moss color palette (#DDEBCE, #9B9200, #008970, #004974, #000F0E)
- Tempered Coast color palette (#D3EEE4, #546066, #004435, #1A282E, #000A0F)
Browse the whole catalog at Explore, or see today's palette.