Spruce Boulevard color palette — #F1F0E5 · #88917A · #5B725D · #232F00 · #020100

Built around Deep Forest, softened by Pewter — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F0E5): bright and airy, almost weightless.
• Eucalyptus (#88917A): A luminous, dusty green — the color of new leaves after rain.
• Pewter (#5B725D): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#232F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Field color palette (#DBE6D9, #90A69B, #8F708A, #003F3C, #010600)
• Dusty Abyss Meadow color palette (#D2E5E0, #A2C2C0, #709A9F, #254600, #000201)
• Washed Forest color palette (#E8EAE2, #C3D0BF, #91AB9D, #2A6332, #151708)
• Bronze Bloom color palette (#DDE2CC, #A17100, #006C45, #003C5A, #000201)
• Deep Fern color palette (#E5DECF, #37660F, #003225, #191400, #000200)
• Dusty Pewter color palette (#EFF4EC, #CDDCDA, #D2BBC3, #687C5D, #282E25)
• Eclipse Navy Terrace color palette (#E7E3CC, #3A4000, #170060, #1A1607, #170006)
• Spruce Balcony color palette (#E9EBDF, #84937D, #567362, #063402, #010100)

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