Weathered Alley color palette — #FFF0F9 · #ECD4CE · #ECB513 · #AFBCA5 · #59381E
Built around Saffron, softened by Cocoa — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Bone (#ECD4CE): A whisper-light, dusty orange — the color of toasted spice.
- Saffron (#ECB513): A luminous, vivid gold — the color of honey in a jar.
- Stone (#AFBCA5): A luminous, dusty green — the color of a quiet forest floor.
- Cocoa (#59381E): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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
- Mustard Ridge color palette (#FCF1FF, #FFCFDA, #EBB5A1, #DEB051, #53344E)
- Softworn Stone Garden color palette (#FFF2EA, #E4D1CB, #AFCF83, #A9B5AF, #37312D)
- Bronze Coast color palette (#FFEEF7, #F0B984, #D89F4A, #A78100, #524C13)
- Washed Lime color palette (#EBFAEA, #AAFDFB, #DBDBC2, #B7C755, #264B33)
- Mustard Coast color palette (#FFF1F6, #FFCCC4, #FFBB70, #C3B400, #382600)
- Quiet Lime Workshop color palette (#DFFEEA, #FFDABA, #F7CE27, #3AD846, #363500)
- Weathered Apricot Harbor color palette (#F3DEE9, #E2956A, #5F775F, #57434D, #1E151C)
- Linen Amber color palette (#E9FAEC, #E4C891, #98BFFF, #C89500, #2B4269)
Browse the whole catalog at Explore, or see today's palette.