Twilit Spruce color palette — #D3F6FC · #504F58 · #00353C · #0D1B1E · #00040C

Built around Deep Forest, softened by Frost — the whole palette hums with sophistication and depth.

The five colors

• Frost (#D3F6FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#504F58): a grounded near-black with real depth.
• Deep Forest (#00353C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0D1B1E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00040C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Midnight Petrol color palette (#DBEAF1, #006876, #002538, #090F14, #000203)
• Tempered Orchard color palette (#FEECF4, #856CB9, #4C3638, #2F252A, #191314)
• Twilit Navy Pier color palette (#D2E1F0, #00426D, #4F2800, #2E2200, #000205)
• Obsidian Atelier color palette (#E7D9E9, #005294, #612E00, #002141, #0E0300)
• Midnight Fern Terrace color palette (#FCEBD3, #616200, #143400, #001C18, #060600)
• Hushed Petrol Pier color palette (#DDF5EE, #007594, #323970, #331C00, #1D0E00)
• Weathered Archive color palette (#F8EDE2, #3388BE, #06328D, #002225, #090128)
• Cellar Grape Cabin color palette (#EEEEFF, #5F00E5, #310A36, #0D0625, #0A0003)

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