Spruce Loft color palette — #E4F0EB · #889F9C · #54787C · #292E00 · #000D07

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

The five colors

• Cream (#E4F0EB): a clean, paper-quiet neutral.
• Blue Fog (#889F9C): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#54787C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#292E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000D07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Tempered Abyss Lagoon color palette (#E2F1F4, #9CACB4, #67839A, #00413A, #00181C)
• Olive Grove color palette (#E9E8E0, #8E8E83, #69712A, #232F00, #020100)
• Timeworn Fern Delta color palette (#E6F1EF, #BDD1D2, #8BA6AE, #30631D, #1D332F)
• Washed Olive Lantern color palette (#CBF0EB, #A18000, #2B7500, #004141, #000301)
• Weathered Atelier color palette (#E3E5C4, #306F40, #004649, #3D111D, #220500)
• Velvet Spruce color palette (#C7EBE7, #434750, #00390E, #161B21, #000604)
• Smoked Coast color palette (#F6E9E0, #455100, #002B23, #1C001F, #000500)
• Timeworn Cypress Orchard color palette (#EEF7F8, #D4DCE5, #BAC0CF, #3F836E, #3A4B4D)

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