Spruce Courtyard color palette — #D9E6EA · #828F9A · #5E6B86 · #003133 · #000202

Deep Forest takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#D9E6EA): a clean, paper-quiet neutral.
• Slate Blue (#828F9A): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5E6B86): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#003133): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

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

• Antique Abyss color palette (#E9F0EB, #AAC1B6, #759B91, #00444C, #000200)
• Abyss Bloom color palette (#DEE8DE, #97AAA2, #9B7B91, #004F53, #000D02)
• Navy Bloom color palette (#DBE1EB, #9C9EB4, #827593, #0D2886, #01040F)
• Weathered Summit color palette (#ECF3F8, #D6D4DE, #B4B5CA, #256D8D, #17222A)
• Moonless Basalt color palette (#CCEAE6, #315B74, #3F284E, #1D1200, #050300)
• Fern Lagoon color palette (#D6E3D9, #4C6029, #00331F, #00171F, #010100)
• Aged Orchard color palette (#DEF2FD, #009165, #006B80, #53009C, #000104)
• Midnight Onyx color palette (#CCE5F7, #4E4546, #002E41, #120F17, #020011)

Browse the whole catalog at Explore, or see today's palette.