Twilit Spruce color palette — #E2E6D1 · #00380A · #172325 · #310001 · #100600

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

The five colors

• Parchment (#E2E6D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Forest (#00380A): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#172325): a grounded near-black with real depth.
• Ink (#310001): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#100600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Velvet Spruce color palette (#EFE6CC, #393100, #001D18, #1E0002, #030100)
• Cellar Onyx color palette (#E4F0D4, #003724, #23003E, #180001, #010100)
• Patina Spruce Orchard color palette (#DAE4D7, #8DA08D, #5D7863, #00332E, #030C02)
• Nocturne Alley color palette (#D1E9D7, #55525C, #00353C, #101E21, #000508)
• Hushed Boulevard color palette (#DDEED6, #006C60, #003683, #2E2A00, #141700)
• Lowlit Aubergine color palette (#DFEEE4, #004A55, #35007D, #122100, #030C00)
• Patina Aubergine color palette (#FEEBFF, #005CAE, #680068, #00392C, #001B22)
• Cellar Aubergine Parlor color palette (#C5F0F4, #005842, #44006D, #320006, #020200)

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