Spruce Loft color palette — #D8E9E6 · #7FA1A1 · #55777C · #0D3500 · #000C0A

A conversation between Deep Forest and Slate, giving this palette its sense of nature and growth.

The five colors

• Frost (#D8E9E6): bright and airy, almost weightless.
• Blue Fog (#7FA1A1): A luminous, dusty teal — the color of sea glass.
• Slate (#55777C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#0D3500): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000C0A): 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

• Weathered Delta color palette (#DDEBF1, #94ADBD, #67829C, #004045, #04171D)
• Fern Studio color palette (#E4E5D9, #A1A79A, #7A8C79, #255200, #0A0A00)
• Softworn Forest Corridor color palette (#E7F1F1, #BAD1D5, #8AA6AF, #006542, #1B3233)
• Muted Olive Chapel color palette (#D0E2E2, #698500, #007A51, #00474C, #000503)
• Cypress Thicket color palette (#DAF7E5, #00786D, #00404D, #211534, #2A010E)
• Obsidian Drift color palette (#D3EEE5, #1B7007, #00341E, #131A00, #010900)
• Abyss Orchard color palette (#C7EEEC, #004A24, #001F3A, #180010, #030100)
• Spruce Alley color palette (#DFEBEB, #7EA1A6, #59767F, #00351C, #000C0C)

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