Spruce Atelier color palette — #CCF5F9 · #464750 · #00372B · #181B22 · #000507

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

The five colors

• Frost (#CCF5F9): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal (#464750): a grounded near-black with real depth.
• Deep Forest (#00372B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#181B22): a grounded near-black with real depth.
• 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 Spruce Atelier 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

• Velvet Station color palette (#D5F3FB, #006262, #3C353D, #001D2E, #000B0F)
• Cobalt Alley color palette (#EBF3FD, #5E7DB2, #383B4F, #232932, #13151B)
• Moonless Garnet Coast color palette (#D0EFFC, #005C66, #751300, #00262A, #130100)
• Velvet Garnet Veranda color palette (#DDF5FB, #004755, #660300, #411200, #000203)
• Velvet Forest Delta color palette (#D2EBE2, #276D38, #003329, #141900, #000901)
• Dusty Cypress color palette (#E1F4D5, #007B68, #004559, #400100, #220A00)
• Denim Pier color palette (#DCE7F3, #005CA1, #1D1543, #000D1F, #000107)
• Spruce Field color palette (#CCF3FC, #48474F, #003634, #191B22, #000509)

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