Spruce Ridge color palette — #E6F0EA · #8AA096 · #507B6E · #312B00 · #020C06

Espresso and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F0EA): bright and airy, almost weightless.
• Taupe (#8AA096): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#507B6E): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#312B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#020C06): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Abyss color palette (#D8EBEC, #94AFB3, #598892, #004230, #041718)
• Dusty Basalt Chapel color palette (#E4DFD4, #A9A591, #87896C, #514400, #0E0800)
• Antique Chestnut color palette (#DDE8E0, #8FA5A9, #6C8FA1, #796000, #000D04)
• Sunlit Bronze Corridor color palette (#E6EDCA, #9D8700, #646F00, #1B4D00, #030500)
• Tempered Fern Terrace color palette (#E4F2ED, #B7D3CD, #85A9A4, #495E00, #23312D)
• Inked Forest Workshop color palette (#CDE5E4, #006E51, #00332A, #151900, #000804)
• Deep Spruce Drift color palette (#C6E8DE, #3F444D, #243400, #10181D, #000600)
• Cypress Boulevard color palette (#EDF8F7, #CFDFE8, #B2C4D1, #538065, #3E4B4A)

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