Spruce Boulevard color palette — #F1ECD8 · #4F5A60 · #2F3100 · #151E18 · #000602

A conversation between Deep Forest and Cream, giving this palette its sense of nature and growth.

The five colors

• Cream (#F1ECD8): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal Brown (#4F5A60): a grounded near-black with real depth.
• Deep Forest (#2F3100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#151E18): quiet, heavy and certain.
• Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.

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

• Abyss Alley color palette (#D4E8CA, #566168, #004439, #1B292F, #000A10)
• Smoked Fern Corridor color palette (#F1E9C9, #596500, #163B00, #001D14, #00070D)
• Nocturne Cypress color palette (#E0E0CD, #186D54, #003236, #300017, #000805)
• Lagoon Studio color palette (#E8F7E9, #008E93, #29423C, #212C22, #111713)
• Charred Summit color palette (#E2E5C5, #2A7118, #590048, #062900, #11000C)
• Garnet Market color palette (#D2E4D4, #004D1E, #5E0045, #430011, #000300)
• Lowlit Spruce Lantern color palette (#EFE4CF, #4D5B5F, #382D00, #151C15, #000600)
• Twilit Onyx color palette (#F6EAD9, #4C5C5E, #3E2900, #181D16, #030500)

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