Twilit Spruce color palette — #C5E9ED · #5B5252 · #003228 · #0E1519 · #000303

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

The five colors

• Frost (#C5E9ED): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5B5252): quiet, heavy and certain.
• Deep Forest (#003228): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0E1519): quiet, heavy and certain.
• Black (#000303): 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

• Smoked Spruce Station color palette (#CCEDE3, #403A42, #203000, #0A1716, #000301)
• Forest Atelier color palette (#CEE4DE, #286737, #003323, #0D1800, #000200)
• Lowlit Garnet color palette (#D1E5EE, #005662, #740012, #002329, #050000)
• Wandering Parlor color palette (#D6E4D9, #39858E, #004353, #00201B, #000103)
• Weathered Delta color palette (#E5EEFB, #6382BF, #363B4A, #151F2D, #080D12)
• Twilit Onyx Station color palette (#D2F7E5, #006360, #003B4F, #300023, #090001)
• Garnet Cabin color palette (#CFF4FF, #004351, #580049, #2A2200, #000102)
• Denim Coast color palette (#D6E0EB, #005BA7, #241D23, #15134D, #000817)

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