Spruce Coast color palette — #D3E2E0 · #8CA5AA · #648090 · #004312 · #000605
A conversation between Forest and Storm Blue, giving this palette its sense of nature and growth.
The five colors
- Silver (#D3E2E0): bright and airy, almost weightless.
- Blue Fog (#8CA5AA): A luminous, dusty blue — the color of open sky before noon.
- Storm Blue (#648090): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#004312): A deep, shadowed, balanced green — the color of a quiet forest floor.
- 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 Coast 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
- Aged Spruce Garden color palette (#D7E7EA, #7B919D, #596D84, #00322A, #000202)
- Patina Boulevard color palette (#E5F1F8, #A7B4C7, #868BAC, #004C5E, #010C14)
- Ancient Forest Drift color palette (#E5E7DF, #ABB9A5, #7E9F87, #00642E, #121601)
- Timeworn Petrol color palette (#EBF3F8, #D3D5E4, #B0B6CB, #2A6F7C, #172227)
- Pine Lagoon color palette (#D6F9EC, #007C47, #003F3D, #1C2100, #000401)
- Dusty Navy color palette (#E0F1D5, #007F80, #054781, #3B0C07, #1F0000)
- Dusty Nightshade Balcony color palette (#CEEBE2, #939300, #008169, #0538B0, #000202)
- Eclipse Delta color palette (#C8E6E0, #205800, #370068, #270002, #050000)
Browse the whole catalog at Explore, or see today's palette.