Spruce Harbor color palette — #DCECEA · #8EA5A6 · #668187 · #004315 · #000605
Built around Forest, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Frost (#DCECEA): bright and airy, almost weightless.
- Blue Fog (#8EA5A6): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#668187): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#004315): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000605): quiet, heavy and certain.
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
- Ancient Spruce color palette (#DEE8EA, #7D9199, #536F7F, #00322B, #000202)
- Abyss Alley color palette (#DEEBF3, #A8B5C2, #7E8EA8, #004B61, #010C14)
- Dusty Forest color palette (#E6F1EF, #BFD4D8, #91AAB8, #115E0A, #000303)
- Timeworn Forest color palette (#EFF1E8, #AFB8A6, #869D81, #006424, #131600)
- Petrol Ridge color palette (#EBF3F7, #D2D6E2, #ABB9C9, #007183, #162329)
- Sunlit Moss Villa color palette (#CAF5F6, #619E00, #007A60, #005565, #000302)
- Wandering Chapel color palette (#D4EADD, #00797A, #00465D, #380A2B, #1D0003)
- Tempered Pine Ridge color palette (#D5F7EE, #297A41, #00412F, #142400, #000401)
Browse the whole catalog at Explore, or see today's palette.