Spruce Courtyard color palette — #DFEDEC · #889FA1 · #59767E · #003516 · #000C0B

A conversation between Deep Forest and Slate, giving this palette its sense of nature and growth.

The five colors

• Frost (#DFEDEC): bright and airy, almost weightless.
• Blue Fog (#889FA1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#59767E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003516): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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 Alley color palette (#DBE9F0, #92ADC3, #6C819C, #003F4C, #04161F)
• Washed Canyon color palette (#EDEFE5, #9EA899, #798C7D, #00541F, #080B01)
• Wandering Forest color palette (#E4F2F3, #BBD0D6, #88A6B3, #006451, #223132)
• Timeworn Moss color palette (#E0F1F2, #4F9500, #006A56, #00404E, #000303)
• Deep Forest Canyon color palette (#DAF6EF, #06703C, #003428, #0A1C00, #000802)
• Cypress Field color palette (#E0F5EB, #006D71, #003E54, #291A38, #2E0105)
• Inked Forest Study color palette (#E8DFCC, #005937, #002A2C, #1D001C, #000503)
• Velvet Station color palette (#D1F6F7, #004933, #001751, #190009, #030200)

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