Spruce Boulevard color palette — #D4F0F8 · #5F5659 · #003634 · #171C22 · #000509

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

The five colors

• Frost (#D4F0F8): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5F5659): a grounded near-black with real depth.
• Deep Forest (#003634): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#171C22): a grounded near-black with real depth.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Spruce Boulevard 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 Cypress Archive color palette (#D0ECE6, #006468, #003442, #001C2C, #09021E)
• Eclipse Cocoa color palette (#CEEDFF, #005A72, #5F3000, #002530, #0D0400)
• Cobalt Studio color palette (#EDF2FC, #7377AD, #3C3A4C, #212839, #15151D)
• Muted Pier color palette (#E6F5DE, #40775F, #004250, #44000F, #1C0C00)
• Onyx Hollow color palette (#F2E8EE, #488AA3, #003F69, #002220, #02002F)
• Smoked Ultramarine color palette (#DCE3F0, #2C40D6, #290E41, #030235, #000813)
• Inked Spruce color palette (#C6ECEF, #5C5359, #00372B, #151D22, #000507)
• Obsidian Spruce Boulevard color palette (#DEEDF3, #676059, #00353C, #191B22, #00040C)

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