Spruce Coast color palette — #D7E5D7 · #00450E · #002F3F · #1F0D00 · #000202
Forest and Midnight set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#D7E5D7): A whisper-light, dusty green — the color of fresh herbs.
- Forest (#00450E): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#002F3F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#1F0D00): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
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
- Lowlit Basalt Atelier color palette (#C9EDDB, #3D3900, #00322F, #00161C, #020200)
- Navy Corridor color palette (#C2E8F2, #00413F, #21007D, #141300, #000202)
- Cellar Courtyard color palette (#DEF1EC, #00706A, #003335, #001316, #000305)
- Worn Spruce Hollow color palette (#E2EEEF, #7FA1A7, #4F7883, #003328, #000C0E)
- Cellar Corridor color palette (#DCF1ED, #0E4200, #31006F, #280016, #000200)
- Feathered Nightshade color palette (#D5EAF0, #005E5E, #2E29A4, #2A2B00, #001015)
- Pale Grape color palette (#C7EBFF, #00738E, #7600C4, #0B4A06, #00242E)
- Tempered Denim color palette (#B7E9EC, #007456, #005593, #493300, #002021)
Browse the whole catalog at Explore, or see today's palette.