Twilit Spruce color palette — #FAECCD · #535F64 · #362E00 · #141D18 · #010600

Espresso takes the lead with Custard close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FAECCD): A whisper-light, dusty gold — the color of honey in a jar.
• Graphite (#535F64): quiet, heavy and certain.
• Espresso (#362E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#141D18): quiet, heavy and certain.
• Ink (#010600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Moonless Onyx color palette (#EBDCD2, #41493C, #4C1F00, #1A1D13, #070400)
• Moonless Cypress color palette (#E5F3DC, #006A57, #00242A, #00110C, #000300)
• Twilit Fern Boulevard color palette (#E7E0CA, #605E00, #2D4000, #001C04, #000808)
• Nocturne Balcony color palette (#E3E0D2, #266E31, #003428, #320009, #050700)
• Hushed Lagoon Parlor color palette (#ECF5EA, #009086, #244435, #222C1F, #121714)
• Shadow Hollow color palette (#E6E8CE, #376F17, #4A006A, #0D2800, #0D0016)
• Ancient Pier color palette (#F3E5DB, #726218, #004D1D, #2F0B3B, #210015)
• Deep Aubergine Summit color palette (#DFEBDA, #204B00, #4C006F, #420039, #000200)

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