Spruce Boulevard color palette — #F3F7EC · #C1E8D2 · #5CAF9E · #4A7D9A · #294100

Deep Olive and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Celadon Mist (#C1E8D2): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#5CAF9E): A luminous, balanced teal — the color of sea glass.
• Slate (#4A7D9A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#294100): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

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

• Timeworn Taupe Orchard color palette (#F8F5EC, #D1E7C1, #8DA876, #3D847D, #3A3932)
• Antique Boulevard color palette (#F4F6F0, #C2DEEC, #8EC2E9, #278FAA, #15493F)
• Softworn Cypress color palette (#E6FAF9, #83BFA2, #36836F, #435D6F, #2E4848)
• Teal Corridor color palette (#F8F5EA, #D3DAB3, #64C0A5, #AB848C, #414700)
• Patina Chestnut Veranda color palette (#F5F6EA, #CCD5B0, #5C997A, #835930, #252B0F)
• Ancient Workshop color palette (#F3F8E1, #65B590, #00705A, #533500, #000B05)
• Washed Taupe Study color palette (#FAF5E9, #D6E3BE, #9AA569, #9B6666, #3A3831)
• Lagoon Station color palette (#DAE6CD, #46A08D, #005A54, #002E4B, #000201)

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