Spruce Grove color palette — #F5E9FF · #9B6E72 · #754346 · #1C3105 · #00150C

Deep Forest and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5E9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mocha (#9B6E72): A full-bodied, dusty red — the color of embers at dusk.
• Coffee (#754346): A full-bodied, dusty red — the color of embers at dusk.
• Deep Forest (#1C3105): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00150C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Field color palette (#EDEEFC, #9473AD, #66425A, #372F00, #071200)
• Plum Drift color palette (#F8E3F5, #9C5269, #603127, #002B14, #000C0B)
• Fern Canyon color palette (#DFDFF6, #AF86A0, #935658, #3E581B, #00301E)
• Softworn Villa color palette (#DFE9F5, #B69CC7, #9B605B, #00514C, #001917)
• Wandering Harbor color palette (#F6E4DC, #B5845E, #83641C, #004149, #001E34)
• Bronze Thicket color palette (#FFE5EA, #D2A7A4, #B06E51, #555A0C, #2A371F)
• Pewter Workshop color palette (#DFEFFF, #647CAC, #774971, #00403D, #002F4E)
• Garnet Market color palette (#FFE2E5, #C94E62, #8B0034, #3D000E, #040001)

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