Spruce Courtyard color palette — #D4E8EB · #98A6DA · #976D8D · #295F58 · #12380D
Built around Deep Forest, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Frost (#D4E8EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#98A6DA): A luminous, dusty violet — the color of wild irises.
- Driftwood (#976D8D): A full-bodied, dusty pink — the color of a candy shop window.
- Pine (#295F58): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#12380D): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Spruce Courtyard 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
- Muted Abyss color palette (#CDDFFF, #B99EC6, #9F6966, #0C6161, #003939)
- Worn Sky Terrace color palette (#ABF4E9, #84AED7, #876D94, #585228, #3A3405)
- Muted Ash Drift color palette (#D3F0FF, #858FC1, #715E81, #14472A, #00230F)
- Lilac Pier color palette (#D5F4D3, #9FC4F3, #AE86C0, #367D5A, #205139)
- Timeworn Peony color palette (#E7E4FA, #BE76A7, #8D5A3D, #004A4D, #002D30)
- Driftwood Drift color palette (#D5E1F1, #9073A6, #724046, #003C2B, #00160D)
- Weathered Driftwood color palette (#EDF2FF, #D4CADF, #A28697, #576A76, #304856)
- Worn Ash color palette (#FFF0FC, #FCCFCE, #C397BF, #8E7441, #3F4818)
Browse the whole catalog at Explore, or see today's palette.