Spruce Drift color palette — #E9F1F6 · #919BA5 · #64708B · #00313C · #000B13

Deep Forest and Slate set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E9F1F6): bright and airy, almost weightless.
• Blue Fog (#919BA5): soft and architectural.
• Slate (#64708B): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#00313C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000B13): 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 Drift 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

• Tempered Drift color palette (#E9F3ED, #81928B, #51736A, #002F3E, #000201)
• Softworn Abyss color palette (#E6EFF6, #95A7B6, #6E89A5, #004D64, #020B12)
• Aubergine Canyon color palette (#E4E7F2, #A8A7B9, #867897, #341D84, #0E1322)
• Denim Loft color palette (#E8F0F6, #C6CCD8, #9C9FB6, #005A89, #1E303E)
• Worn Aubergine Orchard color palette (#D4EBFE, #009590, #006997, #4E0095, #000121)
• Washed Navy Ridge color palette (#C5F0E6, #246F89, #363B6D, #2F2100, #061B00)
• Forest Atelier color palette (#CEE4DB, #346B3A, #003428, #001A22, #000901)
• Grape Coast color palette (#F2F4FF, #D3D0E1, #C797A9, #6D13D0, #2E3146)

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