Spruce Courtyard color palette — #DFEDD4 · #464951 · #003226 · #091717 · #000303

Built around Deep Forest, softened by Honeydew — the whole palette hums with sophistication and depth.

The five colors

• Honeydew (#DFEDD4): A whisper-light, dusty green — the color of fresh herbs.
• Charcoal (#464951): quiet, heavy and certain.
• Deep Forest (#003226): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#091717): quiet, heavy and certain.
• Black (#000303): a grounded near-black with real depth.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Obsidian Spruce color palette (#E5EED1, #273033, #003318, #0C1715, #000303)
• Washed Abyss color palette (#EDDBD2, #498388, #004255, #002015, #000104)
• Moonless Cypress Atelier color palette (#E1F2E0, #006261, #002015, #130F16, #000800)
• Dusty Petrol Veranda color palette (#E0F5EA, #0081A6, #3D293B, #071A12, #040804)
• Onyx Hollow color palette (#DDEAD7, #316C5D, #003D52, #320403, #0B0100)
• Obsidian Garnet color palette (#D9EBEE, #00444E, #620009, #3F1300, #000102)
• Denim Balcony color palette (#D9F0EA, #005EA0, #21272E, #1C173F, #000A07)
• Spruce Loft color palette (#D7E6D5, #4E5058, #00312F, #071719, #000304)

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