Worn Spruce Loft color palette — #E2EFF0 · #7C9297 · #52707A · #00322A · #000202

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

The five colors

• Cream (#E2EFF0): a clean, paper-quiet neutral.
• Gray (#7C9297): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#52707A): A full-bodied, dusty blue — the color of open sky before noon.
• 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 Worn Spruce Loft 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

• Navy Study color palette (#E5EEF7, #95A1B0, #6A7D9A, #00395D, #00050D)
• Dusty Abyss Field color palette (#DFEEEF, #AABFC6, #7E95A5, #004738, #000102)
• Lagoon Lantern color palette (#C4EEFC, #008779, #006F77, #00455B, #000102)
• Washed Denim Dune color palette (#E0EBEF, #C1CED3, #89A9BB, #006166, #09181D)
• Cellar Lantern color palette (#DAEDFF, #4C6183, #292D57, #320023, #100004)
• Abyss Summit color palette (#C1E6EE, #625B54, #004641, #002135, #0B0700)
• Denim Alley color palette (#EDF2F9, #CBD4E4, #9CABCC, #0059AF, #081B30)
• Weathered Petrol color palette (#EDF3F7, #D5D6DD, #BABBCE, #3F7D9E, #252D33)

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