Spruce Courtyard color palette — #D7E1E5 · #8A9DA8 · #5C7388 · #003236 · #000B11

Deep Forest and Slate set the tone — five colors that lean into sophistication.

The five colors

• Silver (#D7E1E5): bright and airy, almost weightless.
• Blue Fog (#8A9DA8): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5C7388): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003236): A deep, shadowed, dusty blue — the color of deep harbor water.
• 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

• Navy Drift color palette (#EBF0F9, #A3A8BA, #7C7C98, #192689, #081328)
• Abyss Summit color palette (#E5EDE5, #99A9A2, #9B7A94, #00504F, #040C04)
• Patina Cypress color palette (#DBE6DD, #89A8A7, #6B9094, #007179, #030C05)
• Ancient Grove color palette (#E7F0F5, #C4CDD6, #94A1B6, #005E78, #1E303B)
• Worn Onyx Station color palette (#E1F1F6, #4A7297, #39355F, #3E0F00, #1F1100)
• Washed Workshop color palette (#D2ECFD, #00948C, #006888, #0021B1, #00050B)
• Deep Quarry color palette (#CCE2F2, #59554C, #003346, #1A1821, #000410)
• Ancient Lapis Market color palette (#F1F5FF, #D0D1DF, #A7A0C9, #4D34D3, #293249)

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