Spruce Boulevard color palette — #C2EBEA · #3F4047 · #00331D · #101419 · #000302
Deep Forest and Honeydew set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C2EBEA): A whisper-light, dusty teal — the color of shallow lagoons.
- Charcoal (#3F4047): a grounded near-black with real depth.
- Deep Forest (#00331D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#101419): a grounded near-black with real depth.
- Black (#000302): quiet, heavy and certain.
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
- Wandering Alley color palette (#D5E8F0, #008397, #1E3441, #051821, #01070B)
- Charred Corridor color palette (#D7F4E8, #005D4E, #00342E, #001010, #000202)
- Moonless Navy color palette (#C5F2F3, #004546, #001C8A, #162900, #000202)
- Weathered Orchard color palette (#E0EFEE, #587CA1, #00377F, #001D2D, #00000D)
- Spruce Grove color palette (#C5EAEF, #403F46, #003229, #111319, #000303)
- Spruce Harbor color palette (#CBE9F1, #413F46, #00312F, #121319, #000303)
- Charred Spruce color palette (#DBF0EC, #3D4047, #093400, #0F1418, #000301)
- Obsidian Spruce color palette (#DCF3EC, #3B3F47, #212F00, #0D1318, #000300)
Browse the whole catalog at Explore, or see today's palette.