Spruce Atelier color palette — #D7E6E6 · #8D9D9E · #5A767B · #00351C · #000C0C

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

The five colors

• Frost (#D7E6E6): bright and airy, almost weightless.
• Blue Fog (#8D9D9E): soft and architectural.
• Slate (#5A767B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#00351C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Spruce Atelier 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 Cabin color palette (#D7E4EC, #9EABB5, #6D8295, #003E4F, #011622)
• Washed Quarry color palette (#DDE0D5, #9FA89A, #728E7A, #005424, #080B00)
• Antique Atelier color palette (#C5EAEE, #009F6A, #006B59, #003F43, #000303)
• Washed Forest color palette (#E7F0F2, #BCD0D5, #8DA5AE, #006356, #1C3235)
• Antique Cypress Balcony color palette (#CDE5E2, #007C84, #003F50, #211745, #170228)
• Shadow Forest Field color palette (#D4EAE7, #286C46, #003424, #001D03, #000803)
• Spruce Drift color palette (#CFE3E7, #494750, #003630, #181A21, #000506)
• Twilit Study color palette (#D9F4EC, #005843, #002A29, #000535, #000503)

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