Spruce Orchard color palette — #E4F0F0 · #7F9196 · #576F7C · #003322 · #000202

Deep Forest takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E4F0F0): bright and airy, almost weightless.
• Gray (#7F9196): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#576F7C): A full-bodied, dusty blue — the color of open sky before noon.
• 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 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

• Patina Abyss color palette (#DAE3EA, #96A1AF, #737A97, #003C52, #00050B)
• Washed Field color palette (#E0E5DD, #B3BFAF, #839982, #004737, #010200)
• Forest Study color palette (#DEECEF, #BECED6, #90A7BC, #00635B, #04191D)
• Deep Abyss color palette (#DBEDD7, #316A63, #003A55, #2B0600, #070400)
• Aged Veranda color palette (#DFF5F8, #268F09, #006D6A, #003E6F, #000102)
• Deep Chestnut Quarry color palette (#F9DDE7, #6A5600, #262E00, #001910, #020100)
• Deep Abyss color palette (#FAE7F4, #00543C, #002734, #1D0004, #000201)
• Twilit Onyx Harbor color palette (#D0E4E3, #00482A, #1B231C, #1B005D, #130300)

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