Spruce Courtyard color palette — #E6E3D2 · #4A612F · #0B3300 · #001818 · #010100

Deep Forest and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E6E3D2): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#4A612F): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#0B3300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001818): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

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

• Tempered Balcony color palette (#F5E9D3, #706A2B, #363A00, #40000E, #030300)
• Dusty Lantern color palette (#CEEDE1, #5E822A, #1C5300, #003333, #000806)
• Softworn Dune color palette (#E6E8D9, #6D9A79, #006544, #00404E, #001807)
• Onyx Field color palette (#EFE3D5, #807D46, #274600, #160B4C, #010100)
• Hushed Garnet Atelier color palette (#EDE4CE, #949B52, #4F6500, #79000E, #161800)
• Aged Pine color palette (#F4F3DE, #89B680, #19803E, #00575F, #092803)
• Moonless Aubergine color palette (#FFE4E9, #702878, #5A2F00, #35003B, #030100)
• Antique Cocoa Boulevard color palette (#F8F1E4, #BFB291, #74794A, #76444C, #2F260D)

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