Spruce Boulevard color palette — #D5F3DA · #5B6870 · #3C2B00 · #171E17 · #030500

Espresso and Honeydew set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#D5F3DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Graphite (#5B6870): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#3C2B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#171E17): a grounded near-black with real depth.
• Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, 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

• Nocturne Spruce color palette (#C6EFDF, #3C464F, #2C3200, #121B20, #000602)
• Inked Grove color palette (#F3E9D9, #6B5D00, #343700, #0E1E00, #000E03)
• Deep Forest color palette (#D8EBEB, #006C49, #002426, #001011, #000203)
• Fern Veranda color palette (#DCF1E6, #406B1D, #00341F, #310012, #020800)
• Dusty Lagoon color palette (#E5F6F7, #009277, #27414B, #192C2E, #111719)
• Aubergine Chapel color palette (#D4F1E8, #435A00, #4D0098, #1A2500, #09001B)
• Tempered Coast color palette (#F1E0E7, #5587A7, #003586, #002224, #08002A)
• Garnet Quarry color palette (#E7DAE2, #3B4200, #551400, #230F09, #080300)

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