Spruce Lagoon color palette — #DCEAEE · #848F97 · #5C6B87 · #003131 · #000202

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

The five colors

• Frost (#DCEAEE): bright and airy, almost weightless.
• Gray (#848F97): a calm mid-gray that lets other colors speak.
• Slate (#5C6B87): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#003131): 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 Lagoon 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

• Wandering Thicket color palette (#D9E2DA, #AEC0B6, #7C9990, #004549, #000200)
• Softworn Navy color palette (#DFE4EA, #9D9FAC, #827497, #002D81, #01040E)
• Ancient Denim color palette (#E3EAEE, #C3CCD7, #9EA2B7, #005F73, #051822)
• Twilit Navy Parlor color palette (#D8F7F1, #116B66, #193966, #1D1B00, #010500)
• Fern Thicket color palette (#E5F2E6, #555E27, #003415, #00181D, #010100)
• Petrol Terrace color palette (#EEF2F8, #D9D6DE, #C4B8C3, #4D78A5, #242D36)
• Ancient Ultramarine color palette (#EDF2FB, #D2D1E5, #B5A2C6, #393FD5, #111A2B)
• Chalky Aubergine Alley color palette (#D3E8F3, #008B4C, #006B80, #3E00A0, #000104)

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