Spruce Lantern color palette — #F7E7F9 · #A26B88 · #784644 · #133D03 · #00150F

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

The five colors

• Blush (#F7E7F9): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A26B88): A full-bodied, balanced rose — the color of pressed rose petals.
• Coffee (#784644): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#133D03): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00150F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Garnet color palette (#E5EBFF, #806E9B, #6B3B61, #3C2F00, #0F1700)
• Chestnut Bloom color palette (#F1D7DC, #A17064, #734E05, #003B37, #001820)
• Antique Drift color palette (#F5E3EF, #90515B, #692C00, #002C19, #00090A)
• Tempered Garnet Canyon color palette (#E3F2FF, #95748A, #723F5B, #003F47, #002742)
• Washed Ash Hollow color palette (#DFE8F5, #94AAD8, #8A617D, #004A47, #001531)
• Worn Bronze color palette (#FEDBE2, #BA829F, #9D5956, #335B2F, #00352A)
• Cypress Thicket color palette (#ECE3FF, #C5B0CA, #907788, #3A6462, #173D43)
• Misty Plum color palette (#F0DCF4, #B63158, #006663, #690029, #000A0A)

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