Spruce Harbor color palette — #F6D8D3 · #7C540F · #0D4000 · #240431 · #08000E
A conversation between Forest and Coffee, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F6D8D3): A whisper-light, dusty orange — the color of toasted spice.
- Coffee (#7C540F): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#0D4000): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Indigo (#240431): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#08000E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged vintage, retro, muted, dark.
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
- Onyx Grove color palette (#F7E0EE, #914835, #3C3400, #1E0647, #040012)
- Tempered Olive Cabin color palette (#EDE0D0, #726C00, #244417, #062044, #1C0422)
- Charred Chapel color palette (#FBE7D8, #5C5900, #003B35, #320006, #0E0001)
- Chestnut Veranda color palette (#FFE9D4, #675100, #242D00, #041400, #000201)
- Moonless Aubergine Study color palette (#DCF1E8, #3B3F00, #540054, #3D001D, #010100)
- Eclipse Olive color palette (#DBE6D9, #247400, #143900, #091819, #020800)
- Aubergine Study color palette (#E1F5EF, #385700, #4A0091, #142400, #020007)
- Pine Loft color palette (#F4E8D3, #3E7B38, #004F57, #450400, #1D0100)
Browse the whole catalog at Explore, or see today's palette.