Spruce Courtyard color palette — #D8E6EB · #8E9CA5 · #607384 · #003235 · #000B11
Built around Deep Forest, softened by Slate — the whole palette hums with sophistication.
The five colors
- Frost (#D8E6EB): a clean, paper-quiet neutral.
- Blue Fog (#8E9CA5): A luminous, dusty blue — the color of deep harbor water.
- Slate (#607384): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#003235): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Ancient Market color palette (#DCE2ED, #A3A8BC, #7C7C96, #1A2C7E, #0B1422)
- Timeworn Abyss color palette (#DDE3DD, #9BA8A3, #947F8E, #005051, #010D02)
- Denim Courtyard color palette (#E8F0F4, #C2CED9, #93A1B8, #005E77, #1C313D)
- Petrol Coast color palette (#CFE9F0, #42719E, #343665, #3A0F00, #170C00)
- Onyx Balcony color palette (#D9E8F2, #5D584F, #003346, #1B1821, #000410)
- Wandering Nightshade color palette (#F1F5FF, #CED1E8, #A6A3BE, #4B49B1, #2B3246)
- Tempered Pier color palette (#D0E6F4, #008E81, #006D84, #0016AF, #000206)
- Eclipse Balcony color palette (#DAF6EA, #446929, #003516, #001C18, #020800)
Browse the whole catalog at Explore, or see today's palette.