Spruce Studio color palette — #C8E7EF · #494952 · #003634 · #171C22 · #00050B

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

The five colors

• Frost (#C8E7EF): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal Brown (#494952): quiet, heavy and certain.
• Deep Forest (#003634): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#171C22): a grounded near-black with real depth.
• Ink (#00050B): 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 Spruce Studio 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

• Twilit Courtyard color palette (#CDF0FA, #005050, #24272E, #001016, #000203)
• Smoked Veranda color palette (#D1E9E0, #006D73, #003A46, #00172D, #030026)
• Cobalt Canyon color palette (#EEF2FB, #7377B0, #3E394B, #222838, #14161C)
• Shadow Cypress Loft color palette (#D0E3DE, #186C57, #003236, #0B1C00, #000805)
• Inked Garnet Dune color palette (#D1E7FA, #005684, #701D00, #002339, #110100)
• Timeworn Basin color palette (#EFDFE8, #58889D, #00397C, #00231E, #090028)
• Inked Ultramarine Lagoon color palette (#E7F0FF, #2F3FD7, #2F0B3A, #030333, #000812)
• Charred Spruce color palette (#CBEBEE, #5E555B, #00372C, #151D22, #000508)

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