Twilit Spruce color palette — #D8F4F9 · #5D5550 · #003631 · #161C22 · #000507

A conversation between Deep Forest and Frost, giving this palette its sense of sophistication and depth.

The five colors

• Frost (#D8F4F9): A whisper-light, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5D5550): a grounded near-black with real depth.
• Deep Forest (#003631): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#161C22): quiet, heavy and certain.
• Ink (#000507): a grounded near-black with real depth.

Feels like: 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

• Deep Cypress color palette (#C7F3EB, #00666B, #003F47, #001822, #02040F)
• Deep Garnet Grove color palette (#CFE3EE, #005B6E, #6D2100, #00252F, #110200)
• Patina Cobalt color palette (#EBF2FF, #6C7AAD, #393B4C, #222935, #14151B)
• Lowlit Garnet color palette (#CEEDFB, #00465B, #5F0042, #282500, #000204)
• Antique Basin color palette (#DAF6F7, #4B7785, #003F5D, #41042A, #2C0101)
• Ultramarine Lagoon color palette (#D6E3F4, #004BCE, #1E104C, #00092C, #02020D)
• Eclipse Spruce color palette (#DAF5FF, #605953, #003539, #181C22, #000509)
• Cellar Spruce color palette (#D7ECEC, #5D5450, #003726, #141D22, #000505)

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