Spruce Grove color palette — #E7F4EB · #6A5500 · #134200 · #002522 · #060D1D

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

The five colors

• Cream (#E7F4EB): bright and airy, almost weightless.
• Coffee (#6A5500): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#134200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002522): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#060D1D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Moonless Canyon color palette (#D7EAE1, #4B4E00, #00331E, #00181B, #040312)
• Bronze Summit color palette (#F3EBDB, #947400, #5D5000, #2E2C00, #071C06)
• Dusty Fern Workshop color palette (#F9E7CA, #608A72, #565E17, #03463C, #052B3A)
• Terracotta Lagoon color palette (#F3D7E7, #913800, #413600, #00270D, #29000D)
• Tempered Rust color palette (#FDEAE0, #BF4835, #545700, #003753, #29000E)
• Linen Balcony color palette (#FCE4EC, #F7803F, #A56800, #6D5500, #241500)
• Sunlit Garnet Parlor color palette (#D3F0DD, #856B00, #005D18, #61002F, #3B1900)
• Denim Meadow color palette (#DFEEEC, #71A8BB, #006080, #003D44, #002236)

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