Spruce Orchard color palette — #E1EEF0 · #8E9CA2 · #57758A · #003329 · #000C0E

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

The five colors

• Frost (#E1EEF0): a clean, paper-quiet neutral.
• Blue Fog (#8E9CA2): a calm mid-gray that lets other colors speak.
• Slate (#57758A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003329): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000C0E): 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 Orchard 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

• Spruce Villa color palette (#E6EAE4, #859184, #57735C, #00322C, #000200)
• Hushed Harbor color palette (#E2EAF1, #A0AABB, #787C9C, #003B5B, #071521)
• Abyss Summit color palette (#E6F1F4, #C3CED5, #91A2B7, #006163, #203136)
• Emerald Harbor color palette (#C9EDF8, #009D48, #006E75, #003E77, #000507)
• Aged Navy color palette (#DDEAE1, #006F7A, #133765, #321400, #0A1001)
• Shadow Villa color palette (#D4EAF3, #48464E, #00353A, #1A1A22, #00050B)
• Cellar Abyss color palette (#FBE5F5, #005749, #00273A, #230001, #000405)
• Petrol Workshop color palette (#EFF6FB, #D9D9E2, #C2BCCC, #397D9C, #3E4A52)

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