Weathered Alley color palette — #EFF7F6 · #D2DDE2 · #B2C3CF · #54824A · #3D4B49

Fern and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D2DDE2): bright and airy, almost weightless.
• Ash (#B2C3CF): A luminous, dusty blue — the color of deep harbor water.
• Fern (#54824A): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3D4B49): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Washed Lantern color palette (#ECF4F2, #D0D9DE, #B0C0D4, #637F49, #252E2C)
• Cypress Field color palette (#EBF9F4, #92B8B3, #408362, #536032, #274A45)
• Washed Forest Ridge color palette (#E9F9F9, #C2D7DB, #7FAFC0, #006B48, #133A3A)
• Weathered Pine color palette (#D8E8E9, #008564, #16373F, #002527, #051013)
• Softworn Abyss Orchard color palette (#D7E3E2, #96AFB1, #64868E, #00441D, #031817)
• Wandering Meadow color palette (#DBE4EA, #AFBAC6, #838FA2, #004C64, #0C222F)
• Timeworn Pewter Harbor color palette (#D5FFFE, #93B8C0, #5C869A, #695B7E, #62404E)
• Mint Pier color palette (#E8F9F9, #C4EBA2, #71D59E, #0096A1, #00443B)

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