Weathered Alley color palette — #FFF2ED · #B96566 · #00846F · #384E8F · #39312E
A conversation between Peacock and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Mocha (#B96566): A luminous, balanced orange — the color of toasted spice.
- Teal (#00846F): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#384E8F): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#39312E): quiet, heavy and certain.
Feels like: Creativity, Sophistication. Tagged 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
- Amber Hollow color palette (#FFF2EA, #C2704C, #007651, #413D80, #4D2A46)
- Weathered Bronze color palette (#FFF3E8, #B46E29, #4B8042, #005B77, #37322D)
- Patina Studio color palette (#FFF2EE, #C65A61, #007CA0, #654276, #422D26)
- Powdered Orchid Villa color palette (#FFF1F4, #A562B5, #008373, #32518D, #422B31)
- Washed Ember color palette (#FFEBF8, #D95826, #697F2F, #63446B, #25131F)
- Washed Coral Balcony color palette (#FFF2EB, #E77C5E, #8B9658, #81608D, #38312D)
- Gentle Aubergine Corridor color palette (#FFDCCA, #B73100, #00656D, #4B0094, #3C0D02)
- Dusty Loft color palette (#F2EFDE, #6C7900, #0064A7, #702057, #2D2607)
Browse the whole catalog at Explore, or see today's palette.