Spruce Lagoon color palette — #D8E4E7 · #869EA9 · #5C7488 · #00332D · #000C0F

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

The five colors

• Silver (#D8E4E7): bright and airy, almost weightless.
• Blue Fog (#869EA9): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5C7488): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#00332D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0F): 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 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

• Softworn Navy color palette (#E3EAF1, #A0A9BE, #7B7B9F, #003964, #0B151F)
• Wandering Abyss Station color palette (#E7EFE3, #99A99F, #957D96, #005145, #050B03)
• Hushed Cypress color palette (#DDE3DB, #92A5A1, #6B9191, #00736B, #020D01)
• Weathered Market color palette (#E7F0F4, #BACFE0, #95A1B4, #006069, #1F3137)
• Shadow Spruce Harbor color palette (#D7EFFB, #69635C, #00343E, #1A1A22, #00040E)
• Worn Navy Chapel color palette (#C8EFE9, #006E8C, #2B3876, #2D1700, #0F0A00)
• Hushed Ultramarine Garden color palette (#EFF6FF, #C8D1F3, #A6A2C0, #1D54B1, #253448)
• Misty Pier color palette (#D3E6F0, #00915D, #00727B, #031E9D, #000305)

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