Spruce Courtyard color palette — #EEE2DE · #5B9692 · #005264 · #042E03 · #00050D

Deep Forest takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EEE2DE): a clean, paper-quiet neutral.
• Storm Blue (#5B9692): A luminous, dusty teal — the color of glacier melt.
• Peacock (#005264): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#042E03): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00050D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Denim Dune color palette (#F7EAE5, #84A68D, #005F89, #003B25, #01022F)
• Ancient Navy color palette (#F0E4DE, #4D8095, #003B74, #00201A, #01000A)
• Cypress Archive color palette (#E5F2E7, #8CC1CD, #00757F, #00402C, #000305)
• Plum Harbor color palette (#D6ECE5, #9E88C9, #B6497D, #00474A, #05001C)
• Weathered Terrace color palette (#F0E7E0, #95BDB2, #5964AB, #004B4E, #1E0832)
• Wandering Terrace color palette (#F7F0EE, #B7CFB8, #3586A5, #00602B, #09203D)
• Navy Loft color palette (#CAEBEB, #006A85, #003959, #040063, #090019)
• Antique Harbor color palette (#F7F0ED, #CBE3D5, #6792BA, #006F58, #3C2235)

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