Spruce Pier color palette — #C7E6EC · #413F46 · #00322C · #111319 · #000303

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 (#C7E6EC): A whisper-light, dusty blue — the color of open sky before noon.
• Charcoal (#413F46): a grounded near-black with real depth.
• Deep Forest (#00322C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#111319): a grounded near-black with real depth.
• 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 Spruce Pier 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

• Cypress Summit color palette (#C5ECF7, #007B7A, #003036, #001319, #000406)
• Softworn Cobalt color palette (#E7EEFA, #697DCB, #333A51, #181E2B, #0A0D10)
• Inked Atelier color palette (#D5EBFE, #004061, #46006F, #002A21, #000103)
• Eclipse Courtyard color palette (#C9E4F0, #30647B, #003359, #220036, #04000E)
• Deep Ultramarine color palette (#D8E8FF, #004ECA, #13134F, #00051E, #000104)
• Shadow Spruce Studio color palette (#D5EFF8, #423F46, #003134, #131319, #000304)
• Lowlit Spruce Market color palette (#D1F2F3, #404047, #003323, #101319, #000302)
• Cellar Spruce color palette (#CCE4E2, #3E4047, #003416, #101419, #000302)

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