Spruce Terrace color palette — #DAE3E3 · #819193 · #51707D · #003414 · #000202

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

The five colors

• Silver (#DAE3E3): bright and airy, almost weightless.
• Gray (#819193): soft and architectural.
• Slate (#51707D): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003414): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Softworn Abyss color palette (#E3F2FA, #96A1AD, #6E7C99, #003D4A, #000509)
• Muted Abyss Atelier color palette (#E2E6DB, #B6BEAF, #889781, #00482B, #010100)
• Patina Forest color palette (#E2EBEC, #BBCFD7, #90A7B8, #006451, #011A1D)
• Charred Cypress Field color palette (#D9F0DA, #006F6C, #14334F, #320905, #0B0000)
• Lowlit Forest color palette (#DBECE7, #276644, #00322C, #0D1800, #000201)
• Tempered Bloom color palette (#CEF5F7, #5A9200, #007455, #00486A, #000201)
• Petrol Thicket color palette (#EBF3F7, #D4D7DF, #BBBAC6, #3B818A, #202F34)
• Inked Basin color palette (#D3E9E6, #004911, #0E0065, #151A12, #160200)

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