Basalt Harbor color palette — #EEECDE · #9DA487 · #718268 · #313B00 · #060400

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

The five colors

• Cream (#EEECDE): bright and airy, almost weightless.
• Taupe (#9DA487): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#718268): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#313B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#060400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Basalt Harbor 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

• Tempered Spruce Bloom color palette (#E9EDDE, #83937C, #54745E, #003416, #010100)
• Muted Workshop color palette (#D8E5E0, #97AFAE, #67858D, #343C00, #001911)
• Weathered Balcony color palette (#E8F3E8, #9FBBAD, #9A869A, #004E50, #030E04)
• Patina Fern Atelier color palette (#E6F1EE, #B7D8D2, #85B0AC, #3A5800, #000302)
• Quiet Alley color palette (#DBF3DE, #9B8100, #008329, #00575E, #000201)
• Tempered Coast color palette (#EEF4EC, #C4DDDA, #A3BEB5, #14746B, #1C221B)
• Patina Courtyard color palette (#F1F3EA, #D0DAD4, #A3B1B4, #838942, #36372F)
• Aged Pine color palette (#E0E9CF, #1E7C53, #005060, #3E1523, #140005)

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