Basalt Harbor color palette — #E4FEDE · #BAE2CA · #AF91B1 · #8D665B · #522C1A

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

The five colors

• Honeydew (#E4FEDE): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#BAE2CA): A whisper-light, dusty teal — the color of shallow lagoons.
• Dusty Rose (#AF91B1): A luminous, dusty pink — the color of peonies in June.
• Walnut (#8D665B): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#522C1A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Patina Thicket color palette (#E7FED9, #B5D9BD, #82A496, #80556A, #5E2401)
• Weathered Bronze Summit color palette (#E0FEEA, #BDE2E7, #C4A5B9, #AD6C4B, #734402)
• Bronze Veranda color palette (#EBF7FF, #EDC8E6, #B893A2, #986530, #3E3B34)
• Chestnut Terrace color palette (#EAF8FF, #A4C2FF, #A386CC, #985116, #3D3000)
• Patina Pewter Pier color palette (#DAF0F9, #7693BA, #655B92, #552916, #0E0600)
• Worn Driftwood Hollow color palette (#F0E4BD, #BECAA3, #90B3A4, #977F43, #534100)
• Cobalt Alley color palette (#B7E9F6, #8DAFC1, #5B7AA9, #674D6C, #553346)
• Wandering Petrol Pier color palette (#DDF5F6, #70B1D4, #556EA8, #652E2F, #2E1500)

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