Spruce Field color palette — #DFECF1 · #8E9CA7 · #637188 · #003138 · #000B11

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

The five colors

• Frost (#DFECF1): bright and airy, almost weightless.
• Blue Fog (#8E9CA7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#637188): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#003138): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Spruce Field 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

• Weathered Spruce color palette (#E0EBE4, #7E9389, #517367, #003039, #000201)
• Patina Terrace color palette (#DFE9EE, #92A8B6, #6F8AA0, #004E5D, #000B12)
• Worn Harbor color palette (#E2E6ED, #A6A7BB, #837998, #25208C, #0A1327)
• Timeworn Denim color palette (#E8F0F5, #C6CDD5, #979FBB, #005D7D, #223039)
• Muted Navy Summit color palette (#C4E7E2, #276785, #2F316D, #261A00, #001109)
• Aubergine Orchard color palette (#DFF2FF, #009A86, #006784, #3D0094, #000208)
• Grape Balcony color palette (#F1F5FF, #D1D0E2, #ADA1BB, #573FB9, #2C3244)
• Moonless Onyx color palette (#C8E4E8, #00483C, #29004E, #120600, #000201)

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