Spruce Ridge color palette — #E3E6DF · #9BA398 · #61866D · #004221 · #030500

Forest and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E3E6DF): bright and airy, almost weightless.
• Taupe (#9BA398): a calm mid-gray that lets other colors speak.
• Fern (#61866D): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#004221): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Cypress Quarry color palette (#DAE1D8, #829288, #4A7569, #00312E, #000200)
• Tempered Bloom color palette (#E5ECE9, #BBAEBA, #9F8592, #004A66, #000F08)
• Dusty Forest Boulevard color palette (#E2F2F2, #C3D3D5, #82AFB7, #005C3D, #000303)
• Washed Forest Courtyard color palette (#EEF4E8, #CBD8CB, #94B4A3, #006C4F, #141D07)
• Onyx Workshop color palette (#E8EEE1, #267E63, #00455C, #4B0800, #0C0500)
• Softworn Lantern color palette (#D9E5CF, #749600, #007F62, #005380, #000403)
• Lagoon Cabin color palette (#EFF3ED, #D1D9D7, #A6B0B5, #4B9282, #32382F)
• Abyss Canyon color palette (#D8E7D3, #59555F, #00403A, #10151A, #00080C)

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