Twilit Spruce color palette — #C4E6F0 · #423F46 · #003131 · #121319 · #000303

Deep Forest and Frost set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#C4E6F0): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal (#423F46): quiet, heavy and certain.
• Deep Forest (#003131): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#121319): 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

• Abyss Coast color palette (#D8F0F7, #004545, #1F1E25, #070C11, #000103)
• Dusty Indigo Loft color palette (#E8EDFC, #7A75D1, #373A4C, #1B1E27, #0A0C10)
• Weathered Workshop color palette (#E0F0EF, #1484A8, #00415D, #001E24, #000104)
• Midnight Forest color palette (#CCE7E7, #00684F, #00322A, #001A0C, #000201)
• Charred Aubergine Ridge color palette (#DDF0FF, #003F63, #47006D, #002A22, #000103)
• Nocturne Petrol Hollow color palette (#D3E8EA, #006B7F, #003551, #230D39, #050014)
• Lapis Grove color palette (#D9DFF2, #3B1BF6, #1D1542, #21141A, #01061C)
• Midnight Navy color palette (#DBE8FF, #002490, #161019, #040023, #000105)

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