Spruce Quarry color palette — #E0F2F0 · #3D4148 · #00421D · #11151A · #000807

A conversation between Forest and Ink, giving this palette its sense of nature and growth.

The five colors

• Cream (#E0F2F0): bright and airy, almost weightless.
• Charcoal (#3D4148): a grounded near-black with real depth.
• Forest (#00421D): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#11151A): a grounded near-black with real depth.
• Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Moonless Abyss color palette (#BBEAEB, #595359, #003F41, #1E1A20, #00070F)
• Antique Forest color palette (#E0F3E9, #006C4A, #3F3C43, #002425, #000A0B)
• Cobalt Lantern color palette (#E3F2FF, #007DB8, #283144, #0A1722, #03070A)
• Olive Bloom color palette (#D3E8DB, #547400, #00421F, #251E00, #020300)
• Aged Cypress color palette (#E8EAD8, #047956, #004A57, #3E121B, #140117)
• Wandering Garnet color palette (#C5E7E1, #006A61, #8C0029, #00312D, #0A0001)
• Velvet Garnet Courtyard color palette (#D2F7F3, #005551, #760035, #5D0106, #000201)
• Nightshade Thicket color palette (#F9E1E9, #4891C7, #1A3DA3, #002B30, #050019)

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