Spruce Market color palette — #CDF5FF · #4A474F · #003634 · #191A21 · #000506

Deep Forest takes the lead with Frost close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Frost (#CDF5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal (#4A474F): a grounded near-black with real depth.
• Deep Forest (#003634): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#191A21): quiet, heavy and certain.
• Ink (#000506): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Spruce Market 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

• Lowlit Loft color palette (#CAEDF0, #006876, #003E4C, #001C25, #020612)
• Twilit Aubergine color palette (#CEEBFE, #004563, #460078, #002C20, #000204)
• Worn Indigo Basin color palette (#ECF2FF, #6E70D1, #383B4B, #252831, #151419)
• Dusty Aubergine Bloom color palette (#DCF0FF, #005979, #690069, #002434, #100010)
• Velvet Ultramarine Boulevard color palette (#E8EEFF, #2B1EF9, #1B1546, #010B26, #020109)
• Velvet Drift color palette (#D5F5F8, #484850, #00372C, #181B21, #000605)
• Inked Spruce Dune color palette (#C8EDF4, #4C474F, #00343C, #1A1A22, #000508)
• Spruce Atelier color palette (#E0F1FC, #4D464E, #003343, #1B1922, #00050A)

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