Weathered Alley color palette — #ECF3FF · #B1B8DC · #9A86A8 · #256848 · #00353B

A conversation between Pine and Heather, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF3FF): bright and airy, almost weightless.
• Ash (#B1B8DC): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9A86A8): A luminous, dusty violet — the color of wild irises.
• Pine (#256848): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#00353B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Weathered 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

• Muted Fern color palette (#E9F8FF, #B2CAE4, #9680B2, #645D00, #003121)
• Worn Cypress color palette (#EBEFFF, #E0AFCF, #BB807A, #006A67, #002A46)
• Softworn Cypress Pier color palette (#F0F5FF, #CDCEF0, #AF93B4, #317762, #00495D)
• Pewter Parlor color palette (#E7E5F7, #A89BC2, #975652, #005452, #001629)
• Bronze Pier color palette (#FFE9E9, #E3A6B4, #C78A88, #8A6F3C, #3B3932)
• Wandering Alley color palette (#F4F4FF, #F3D1E5, #C9A4B8, #5B8798, #425467)
• Timeworn Iris Workshop color palette (#FFF1F7, #CCEAFF, #6091E3, #00696F, #1A1642)
• Terracotta Market color palette (#E6D8F2, #A87B97, #923E26, #003739, #000615)

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