Spruce Harbor color palette — #C9E6EB · #5D5550 · #00362F · #161D22 · #000506

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

The five colors

• Frost (#C9E6EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5D5550): a grounded near-black with real depth.
• Deep Forest (#00362F): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#161D22): a grounded near-black with real depth.
• 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 Harbor 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 Parlor color palette (#C2EEE6, #006B69, #003B43, #00171E, #01030C)
• Shadow Field color palette (#D4E3EA, #005B6B, #6E2000, #00252D, #110200)
• Dusty Lagoon color palette (#EAF3EC, #4E8B96, #004357, #00231F, #000A15)
• Inked Field color palette (#D8F5FF, #004759, #5D0047, #292400, #000203)
• Worn Garden color palette (#CFF5E4, #057C81, #003E55, #3C0A26, #290104)
• Midnight Ultramarine Canyon color palette (#DCEAFC, #0055B6, #1C045B, #000C25, #01010A)
• Spruce Courtyard color palette (#D0E6ED, #49474F, #003537, #1A1A22, #000508)
• Spruce Archive color palette (#D1F2F3, #464850, #003823, #171B21, #000605)

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