Spruce Coast color palette — #E5F2F3 · #8A9EA4 · #597584 · #00332B · #000C0E

Deep Forest takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E5F2F3): bright and airy, almost weightless.
• Blue Fog (#8A9EA4): A luminous, dusty blue — the color of open sky before noon.
• Slate (#597584): 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 Station color palette (#D6E0EA, #A0AAB9, #757E9A, #003A60, #071522)
• Abyss Garden color palette (#E2E6DE, #9BA99E, #5F9284, #00523D, #060B02)
• Denim Orchard color palette (#E6F1F4, #C1CED6, #90A3B4, #006166, #1F3137)
• Tempered Boulevard color palette (#D3EAF2, #009C69, #006C70, #00416B, #000304)
• Onyx Drift color palette (#DBF3F2, #467086, #1F396D, #430010, #1E0800)
• Lowlit Spruce color palette (#D9EAF1, #625B54, #00353B, #191B22, #000509)
• Washed Garden color palette (#EFF6FE, #CBD3E3, #A0A5C1, #0057B2, #243447)
• Cellar Fern color palette (#CFE7D6, #60620E, #1F3200, #001D10, #060600)

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