Spruce Summit color palette — #D7E3DB · #8AA097 · #527A72 · #342A00 · #020C06

Built around Espresso, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Silver (#D7E3DB): bright and airy, almost weightless.
• Taupe (#8AA097): A luminous, dusty teal — the color of sea glass.
• Teal (#527A72): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#342A00): 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 Summit 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 Canyon color palette (#D3E2E2, #9AADB1, #5B8795, #00432A, #041718)
• Weathered Cocoa Corridor color palette (#EBE4D9, #A9A68A, #808B71, #584100, #0F0800)
• Hushed Studio color palette (#E9F0ED, #BED1CD, #7EAAA9, #515B00, #1F332C)
• Inked Spruce color palette (#C8EDE1, #645E53, #273300, #101E1C, #000601)
• Bronze Coast color palette (#D5EDE4, #A87300, #5C6200, #004926, #010300)
• Aged Onyx color palette (#E9EBCB, #4C6D40, #00493D, #221945, #200220)
• Onyx Corridor color palette (#D9E7DB, #544B00, #042D02, #050038, #030400)
• Softworn Pine Delta color palette (#EFF7F6, #D3DCE2, #B3C2D0, #53815D, #3F4A49)

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