Spruce Harbor color palette — #E7F1EF · #86A09E · #57777A · #193300 · #000C09
Built around Deep Forest, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Cream (#E7F1EF): a clean, paper-quiet neutral.
- Blue Fog (#86A09E): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#57777A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#193300): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Abyss Canyon color palette (#DAE3E6, #9AACB6, #688398, #004043, #01171E)
- Antique Fern color palette (#E1E1D9, #A0A898, #788C7B, #364E00, #0B0A00)
- Washed Basin color palette (#E4F2F1, #BAD1D4, #89A6AF, #006638, #1B3332)
- Worn Drift color palette (#CDF4F2, #708900, #007346, #004346, #000301)
- Nocturne Courtyard color palette (#CBE6DB, #456831, #003518, #161900, #020800)
- Antique Onyx color palette (#CEE9D4, #366B5E, #00414A, #340935, #2B0010)
- Smoked Forest Courtyard color palette (#F0E1C2, #175A00, #002B24, #180026, #000501)
- Wandering Spruce color palette (#DDE6E2, #8E9E9A, #5B7776, #2A2E00, #000D07)
Browse the whole catalog at Explore, or see today's palette.