Washed Basalt Alley color palette — #ECF8F3 · #86B9D8 · #A07FA4 · #8B5C42 · #464600

A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Sky (#86B9D8): A luminous, dusty blue — the color of deep harbor water.
• Heather (#A07FA4): A luminous, dusty pink — the color of neon signs at night.
• Walnut (#8B5C42): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#464600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Hushed Summit color palette (#EFF8ED, #68C4BB, #7E88BE, #8F5564, #45423B)
• Ancient Wisteria Cabin color palette (#ECF7FF, #91D5FF, #BF80BC, #89613E, #084140)
• Hushed Pewter color palette (#FCF2F7, #AAABE3, #B5797C, #6C6D30, #034C51)
• Washed Bronze color palette (#E0FDF1, #DECCDB, #BBA3AC, #AB7643, #6B4C00)
• Periwinkle Thicket color palette (#E3F7F2, #6BA0D6, #64515F, #2D3B38, #1D2320)
• Weathered Chestnut Loft color palette (#F2F7EF, #6CA597, #6A69A1, #6E4D00, #114D42)
• Iris Courtyard color palette (#FDECF6, #868BE2, #A6536B, #654C00, #003427)
• Fern Field color palette (#F6F6EB, #CDD5BA, #8FA380, #6F8373, #465409)

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