Spruce Harbor color palette — #D9E2E5 · #8F9CA5 · #607288 · #003234 · #000B10
A conversation between Deep Forest and Slate, giving this palette its sense of sophistication.
The five colors
- Silver (#D9E2E5): a clean, paper-quiet neutral.
- Blue Fog (#8F9CA5): a calm mid-gray that lets other colors speak.
- Slate (#607288): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#003234): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Antique Spruce color palette (#E2EBE4, #819287, #547365, #003035, #000200)
- Dusty Abyss color palette (#D8E2E5, #9AA7AE, #6E8B9D, #004F56, #000B11)
- Tempered Dune color palette (#E3E9F1, #A4A8BD, #807B96, #0E2C82, #081425)
- Worn Grove color palette (#E6ECE6, #8BA8A8, #AA8CAB, #007274, #020C03)
- Wandering Denim Coast color palette (#E8F0F4, #C4CDD7, #99A0B1, #005E75, #223038)
- Softworn Quarry color palette (#C6F4F1, #24719A, #36325C, #271C00, #0A0D00)
- Aubergine Bloom color palette (#D5EDFD, #009572, #006A80, #34009E, #00050A)
- Petrol Dune color palette (#F0F6FC, #DCD9E3, #C5BCC9, #5A7798, #404952)
Browse the whole catalog at Explore, or see today's palette.