Spruce Terrace color palette — #DEEBE4 · #86A09A · #497A7B · #302C00 · #000D06

A conversation between Espresso and Slate, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DEEBE4): bright and airy, almost weightless.
• Blue Fog (#86A09A): A luminous, dusty teal — the color of sea glass.
• Slate (#497A7B): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#302C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000D06): 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 Terrace 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

• Softworn Garden color palette (#F2E7EC, #8E9F91, #70754A, #441F00, #12050B)
• Wandering Abyss Lantern color palette (#E3EDEE, #99ADB4, #54879D, #004232, #00181A)
• Muted Fern Station color palette (#E7F1EE, #C0D0CF, #85A7AE, #455F00, #21322D)
• Onyx Pier color palette (#E0F7E4, #627142, #00463C, #3C0025, #240001)
• Wandering Fern color palette (#CBE7E0, #A47400, #406700, #004C47, #000301)
• Charred Fern Chapel color palette (#D4E9D6, #626100, #153300, #201400, #060600)
• Twilit Boulevard color palette (#DDF0EB, #414750, #193600, #151B21, #000603)
• Hushed Cypress color palette (#EFF7F7, #D3DDE6, #B6C2D5, #4F8164, #404A4A)

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