Spruce Harbor color palette — #DEE1D7 · #9AA48E · #4E897B · #004222 · #030500
A conversation between Forest and Fern, giving this palette its sense of nature and growth.
The five colors
- Bone (#DEE1D7): a clean, paper-quiet neutral.
- Taupe (#9AA48E): A luminous, dusty green — the color of fresh herbs.
- Fern (#4E897B): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#004222): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Washed Spruce color palette (#D7EAE7, #96AFB1, #628592, #004410, #021816)
- Softworn Cypress color palette (#E2E7E1, #819382, #52745C, #00312E, #000200)
- Forest Delta color palette (#EDF0E2, #C7D5BE, #8CB193, #005F18, #020300)
- Washed Abyss Chapel color palette (#DEEBE5, #A3B9B2, #9C849E, #004A66, #030D09)
- Ancient Emerald Atelier color palette (#DFEDD4, #00A657, #007D62, #005759, #000201)
- Ancient Forest color palette (#F0F3EB, #CCD8C5, #98B592, #006C4D, #161D0B)
- Worn Drift color palette (#DEF5F3, #007F87, #004B5F, #241E46, #11001E)
- Patina Petrol color palette (#ECF4F1, #DED0CE, #CEB4BA, #407BA5, #252E2B)
Browse the whole catalog at Explore, or see today's palette.