Spruce Summit color palette — #DAE9E9 · #829095 · #586E80 · #003320 · #000202

Built around Deep Forest, softened by Slate — the whole palette hums with sophistication.

The five colors

• Frost (#DAE9E9): bright and airy, almost weightless.
• Gray (#829095): soft and architectural.
• Slate (#586E80): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#003320): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Abyss Basin color palette (#DCE5EB, #95A1B2, #767999, #003C4F, #00050A)
• Worn Abyss color palette (#E2E5DF, #B2BFB0, #7D9A84, #004734, #010100)
• Forest Market color palette (#E1EBED, #C3CDD3, #94A5BD, #00635A, #03191D)
• Lowlit Fern color palette (#E9F0DF, #456038, #004041, #2D0F00, #040600)
• Obsidian Chestnut color palette (#EED7E3, #6F5300, #252E00, #001915, #020100)
• Petrol Balcony color palette (#ECF3F6, #D6D6DE, #C1B9CA, #00839B, #242E33)
• Nightshade Harbor color palette (#D6E8EB, #647D00, #007164, #0018A6, #000102)
• Charred Forest color palette (#FAEBF6, #0E5608, #002831, #1D0100, #000201)

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