Spruce Grove color palette — #F0EBDD · #4D5B5F · #362E00 · #151C16 · #000601

Built around Espresso, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Cream (#F0EBDD): bright and airy, almost weightless.
• Charcoal Brown (#4D5B5F): a grounded near-black with real depth.
• Espresso (#362E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#151C16): quiet, heavy and certain.
• Ink (#000601): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Spruce Grove 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

• Spruce Loft color palette (#D0EEDD, #343F47, #302A00, #0B1418, #010300)
• Fern Terrace color palette (#EEE6D5, #645A00, #273800, #001809, #000506)
• Cypress Lantern color palette (#DBEDCF, #006A58, #00232E, #00110C, #000300)
• Antique Lagoon color palette (#EBF5E9, #009086, #234438, #222C20, #121713)
• Inked Studio color palette (#E7E2CA, #00703A, #00332F, #2E0021, #000802)
• Charred Basin color palette (#E0E8CC, #00622F, #520092, #002910, #0A001A)
• Shadow Boulevard color palette (#DDF1D5, #224B00, #5A0051, #42001A, #010200)
• Bronze Grove color palette (#FFE4D9, #7F6B2A, #144C2A, #36112F, #23000A)

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