Softworn Alley color palette — #F2F7F1 · #D2DEDD · #CEC4BD · #8CA481 · #50544E

Moss and Oat set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D2DEDD): bright and airy, almost weightless.
• Oat (#CEC4BD): soft and architectural.
• Moss (#8CA481): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#50544E): quiet, heavy and certain.

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

Use it as a design system

One click turns Softworn 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 Powder Boulevard color palette (#F1F7F1, #D2DCDA, #B1CFF4, #A5B5BA, #4F544E)
• Tempered Loft color palette (#EDF7FA, #D5DBE3, #B3AAB2, #608A93, #4A5557)
• Patina Quarry color palette (#FBF4EB, #DDD1AB, #7EA97A, #6F8472, #5D4B00)
• Weathered Abyss color palette (#DCE4DB, #95AAA0, #9B7A95, #00504D, #020D02)
• Bronze Market color palette (#F3F9DE, #C6DCCC, #C1A5B7, #9F7737, #6E4A00)
• Iris Workshop color palette (#F5F6EE, #8AC288, #9A7CBF, #7B6731, #46423B)
• Hushed Veranda color palette (#E1EAE6, #D0BECB, #B19AC1, #006992, #12231D)
• Tempered Grove color palette (#EAF5EE, #2DADC5, #645162, #303B34, #1F231D)

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