Spruce Coast color palette — #E7DFD2 · #697221 · #0A4405 · #42002D · #0F1100
Built around Forest, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Bone (#E7DFD2): a clean, paper-quiet neutral.
- Olive (#697221): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#0A4405): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Indigo (#42002D): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Ink (#0F1100): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Wandering Pine color palette (#EAE7D6, #3A7B4B, #004236, #47000C, #001505)
- Tempered Olive Coast color palette (#E5F5EA, #6F6B12, #343B00, #311600, #030300)
- Airy Meadow color palette (#E5EFD8, #3E5600, #004179, #490067, #050900)
- Aged Fern color palette (#ECE3CE, #898839, #4E5900, #562B00, #111000)
- Aubergine Courtyard color palette (#F1E2C2, #6F5E00, #5818AF, #352C00, #140033)
- Misty Garnet Delta color palette (#F4EAD5, #7F9D5B, #006C3C, #790F42, #213500)
- Worn Lagoon color palette (#EFE3C6, #7EB176, #008B7F, #593400, #141C00)
- Weathered Fern Ridge color palette (#FBF4EB, #9E9E70, #4D6E36, #644400, #37352F)
Browse the whole catalog at Explore, or see today's palette.