Spruce Pier color palette — #E0E0D7 · #899082 · #5B7161 · #183200 · #010100
Deep Forest takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#E0E0D7): bright and airy, almost weightless.
- Eucalyptus (#899082): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#5B7161): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#183200): A deep, shadowed, balanced green — the color of fresh herbs.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Abyss Pier color palette (#E1E9E2, #90A59D, #8B7384, #003F41, #000601)
- Abyss Atelier color palette (#DBE4E2, #AEBEBE, #74999F, #154800, #000201)
- Forest Delta color palette (#E8EAE2, #C4CFC4, #91AA9F, #006637, #141807)
- Nocturne Forest color palette (#F5EEDD, #3C6436, #003228, #171400, #000200)
- Forest Balcony color palette (#E4EBCF, #907600, #006B1D, #004761, #000201)
- Lagoon Field color palette (#EFF3EE, #CFDADA, #CFBABF, #15867E, #282E27)
- Velvet Lantern color palette (#F0DFC8, #503600, #1E261F, #001F3C, #110400)
- Spruce Villa color palette (#DDDFD7, #889086, #547364, #003413, #010100)
Browse the whole catalog at Explore, or see today's palette.