Shadow Spruce Grove color palette — #D3E9D3 · #505A5F · #004310 · #141F21 · #000904

Forest and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D3E9D3): A whisper-light, dusty green — the color of fresh herbs.
• Charcoal Brown (#505A5F): a grounded near-black with real depth.
• Forest (#004310): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#141F21): quiet, heavy and certain.
• Ink (#000904): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Shadow Spruce Grove 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 Dune color palette (#DBEBD4, #494952, #00322A, #081718, #000303)
• Charred Forest Canyon color palette (#D4E8DD, #00694D, #00493A, #00231D, #000605)
• Muted Cypress color palette (#D0F3E9, #006B5A, #614300, #003229, #050200)
• Antique Workshop color palette (#E9F0E2, #009A75, #353F31, #1C2017, #0C0D09)
• Eclipse Navy color palette (#C6E9E6, #005552, #003B7E, #273400, #000201)
• Velvet Market color palette (#EDE5CB, #617100, #283E00, #212000, #020300)
• Cobalt Corridor color palette (#DCECE5, #007FAF, #1A3730, #091A14, #020805)
• Weathered Cypress color palette (#D9EFDD, #008566, #004C47, #001F3C, #03002E)

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