Spruce Coast color palette — #D6E6E9 · #8D9DA1 · #59767F · #00332B · #000C0E

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

The five colors

• Frost (#D6E6E9): bright and airy, almost weightless.
• Blue Fog (#8D9DA1): soft and architectural.
• Slate (#59767F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#00332B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000C0E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Navy Veranda color palette (#E0E7EE, #A0AAB7, #6F809B, #003A60, #051523)
• Washed Abyss color palette (#E5EBE1, #9EA89F, #6F8F80, #005240, #050C00)
• Lagoon Grove color palette (#D0ECF4, #00917C, #006B70, #003D4E, #000506)
• Softworn Workshop color palette (#E6F1F4, #C2CED4, #8BA5B4, #006166, #223035)
• Worn Corridor color palette (#D1E2E7, #367290, #0F3D6E, #2D0F38, #1E0019)
• Denim Station color palette (#EEF6FF, #C8D3E5, #9AA6C3, #0058AE, #20344C)
• Eclipse Orchard color palette (#D7F5E5, #5D6223, #243000, #031D01, #060600)
• Deep Quarry color palette (#CEE9E4, #005654, #002931, #0E0032, #000405)

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