Twilit Spruce color palette — #E9F2DA · #3A3F46 · #00331B · #0C1619 · #000303

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

The five colors

• Honeydew (#E9F2DA): A whisper-light, dusty green — the color of fresh herbs.
• Charcoal (#3A3F46): quiet, heavy and certain.
• Deep Forest (#00331B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0C1619): a grounded near-black with real depth.
• Black (#000303): a grounded near-black with real depth.

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

Use it as a design system

One click turns Twilit Spruce 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

• Cerulean Grove color palette (#E2F2ED, #5488B3, #4A333F, #0A231D, #080E0A)
• Shadow Pier color palette (#D9E4DA, #004E52, #21282F, #000F20, #000200)
• Fern Ridge color palette (#F0E8D8, #436230, #003225, #191400, #000200)
• Weathered Spruce color palette (#F3E2DD, #4A8481, #004352, #012103, #000104)
• Deep Garnet color palette (#D8EBD8, #005858, #730023, #002424, #040000)
• Deep Denim color palette (#D5E6DF, #00638A, #1A124A, #000911, #000200)
• Moonless Atelier color palette (#F4F0E1, #374145, #2C2C00, #0D1713, #000301)
• Midnight Grove color palette (#DFE7DB, #494C54, #003228, #0F1519, #000304)

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