Muted Spruce Coast color palette — #E7F1F2 · #889EA5 · #597583 · #00332B · #000C0E

Built around Deep Forest, softened by Slate — the whole palette hums with sophistication.

The five colors

• Cream (#E7F1F2): bright and airy, almost weightless.
• Blue Fog (#889EA5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#597583): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• 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 Muted 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

• Patina Navy color palette (#E7EDF3, #A3AAB4, #747E9C, #003B5F, #021526)
• Antique Abyss color palette (#E1E6DD, #9BA99E, #5F9284, #00523D, #060B02)
• Worn Hollow color palette (#C5EBF7, #009673, #006B70, #003C5D, #000607)
• Abyss Grove color palette (#E6F1F4, #BFCFD8, #8EA3B6, #006165, #1C3138)
• Deep Spruce Study color palette (#DAF4FF, #615B54, #00353A, #191B22, #000509)
• Tempered Navy Quarry color palette (#CBE7E5, #1E6B86, #224274, #3A0514, #200900)
• Velvet Fern Boulevard color palette (#D9F0E0, #616111, #203100, #001D0F, #060600)
• Twilit Abyss color palette (#EAE2D1, #00564F, #002835, #21000F, #000405)

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