Spruce Lagoon color palette — #E1F2F5 · #7E9196 · #547079 · #00322A · #000202

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

The five colors

• Frost (#E1F2F5): bright and airy, almost weightless.
• Gray (#7E9196): A luminous, dusty blue — the color of deep harbor water.
• Slate (#547079): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#00322A): A deep, shadowed, dusty teal — the color of sea glass.
• 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

• Aged Thicket color palette (#DBE0D8, #909E91, #537A69, #003427, #060B02)
• Washed Navy Grove color palette (#E6F0F9, #94A1B1, #6D7D96, #00395E, #00050D)
• Tempered Workshop color palette (#E1F0F1, #ABBFC5, #7C96A7, #004737, #000102)
• Worn Parlor color palette (#D1E6EC, #008C7B, #006667, #004152, #000102)
• Wandering Drift color palette (#E2EBEE, #BDCFD7, #93A7B3, #006166, #05191F)
• Velvet Petrol Alley color palette (#C4E6EE, #026B8D, #0C3A64, #230531, #070006)
• Timeworn Petrol Lantern color palette (#ECF3F8, #D5D7E3, #BBBBCD, #427C9C, #262D32)
• Smoked Bloom color palette (#DDF6E8, #595D00, #242F00, #031A00, #010100)

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