Twilit Spruce color palette — #FFE9CF · #704600 · #003D0C · #340021 · #030100
Forest and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#FFE9CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#704600): A full-bodied, balanced gold — the color of old brass.
- Forest (#003D0C): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Indigo (#340021): A deep, shadowed, balanced rose — the color of strawberry cream.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, 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
- Cellar Market color palette (#F0E0CD, #553700, #002A13, #2A0015, #030000)
- Midnight Fern Field color palette (#F1EACF, #5C5C00, #004228, #001F23, #080200)
- Garnet Parlor color palette (#F5E5DD, #980508, #393600, #2F0046, #040001)
- Midnight Chapel color palette (#EFDAE0, #6B3B00, #003338, #15004C, #100003)
- Garnet Meadow color palette (#FEEDC6, #796900, #005545, #5D0012, #0E0500)
- Chestnut Corridor color palette (#FFF3E5, #855400, #004861, #002D3E, #040000)
- Ancient Grove color palette (#E8DFCA, #8B7800, #444600, #1B2300, #030700)
- Washed Cocoa Pier color palette (#E6DFD4, #BBB2A0, #958D75, #583F00, #110901)
Browse the whole catalog at Explore, or see today's palette.