Spruce Harbor color palette — #E7ECE6 · #7F9387 · #7A617A · #00322B · #000200
Deep Forest takes the lead with Graphite close behind in a set that reads as sophistication at first glance.
The five colors
- Cream (#E7ECE6): bright and airy, almost weightless.
- Eucalyptus (#7F9387): A luminous, dusty teal — the color of glacier melt.
- Graphite (#7A617A): A full-bodied, dusty pink — the color of a candy shop window.
- Deep Forest (#00322B): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Spruce Harbor 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
- Muted Harbor color palette (#E5E6D9, #899083, #577360, #163200, #010100)
- Ancient Navy Atelier color palette (#DDE8E5, #AE99A5, #9B6D77, #00395F, #000604)
- Washed Abyss color palette (#D8E5E8, #AABFC8, #7197B1, #004643, #000102)
- Nocturne Navy Studio color palette (#E5ECD6, #2B6C65, #00335D, #201C00, #040500)
- Denim Courtyard color palette (#E5EBE6, #BAD1C9, #B39CAB, #006168, #0F1911)
- Spruce Field color palette (#D8F7E2, #554F57, #003039, #111218, #00010D)
- Eclipse Fern Market color palette (#EFE0CF, #5D5C00, #033405, #00181B, #010100)
- Petrol Meadow color palette (#ECF4F1, #DCD1CD, #CEB4AF, #3E7CA0, #242F2B)
Browse the whole catalog at Explore, or see today's palette.