Spruce Terrace color palette — #D9E1E1 · #809196 · #596E7C · #003224 · #000202

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

The five colors

• Silver (#D9E1E1): bright and airy, almost weightless.
• Gray (#809196): A luminous, dusty blue — the color of deep harbor water.
• Slate (#596E7C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003224): 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 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

• Abyss Market color palette (#D8E2E9, #98A1AD, #737A99, #003B54, #00050B)
• Abyss Coast color palette (#DCE1D9, #B3BEB0, #829983, #004739, #000200)
• Inked Abyss color palette (#D9E8D3, #376A72, #003E55, #2D0800, #040200)
• Wandering Cypress color palette (#E1EBED, #C2CDD3, #96A6B6, #00625E, #05191E)
• Olive Harbor color palette (#CEF2F9, #4F8E20, #006962, #004671, #000102)
• Nocturne Hollow color palette (#E0F2F8, #564D4C, #003132, #111419, #000205)
• Petrol Lagoon color palette (#ECF3F7, #D6D7E0, #BEBAC9, #2F809A, #202E36)
• Obsidian Delta color palette (#FEE1F7, #00543A, #002733, #1E0000, #000201)

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