Spruce Meadow color palette — #D8E2E2 · #7F9197 · #566E82 · #003322 · #000202

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

The five colors

• Silver (#D8E2E2): a clean, paper-quiet neutral.
• Gray (#7F9197): A luminous, dusty blue — the color of deep harbor water.
• Slate (#566E82): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003322): 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 Meadow 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

• Antique Abyss color palette (#E3ECF3, #97A0B0, #777898, #003C51, #00050B)
• Washed Workshop color palette (#E0E5DB, #B1BFB0, #84988A, #004738, #010200)
• Cypress Market color palette (#E1EBEE, #BCCEDA, #98A5B6, #00635C, #05191D)
• Navy Atelier color palette (#E5ECE0, #006B62, #003861, #1F1100, #080300)
• Patina Orchard color palette (#EBF3F7, #D6D6E0, #C0B9C7, #378095, #232E34)
• Chestnut Canyon color palette (#F8E4ED, #6C5500, #222F00, #001916, #020100)
• Misty Villa color palette (#BEE7EE, #757F00, #00746E, #2E00A3, #000102)
• Midnight Basin color palette (#F0DBEE, #005532, #002638, #1E0002, #000201)

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