Softworn Alley color palette — #FFF1F6 · #E3D5A5 · #A7B285 · #8091AD · #31493A

A conversation between Wheat and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#E3D5A5): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A7B285): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#8091AD): A luminous, dusty violet — the color of a velvet chair.
• Forest (#31493A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Dusty Teal color palette (#EAF9F3, #B2E0DB, #76BCA7, #6F96AB, #2A4946)
• Linen Lilac Summit color palette (#F2F4FF, #CFC1FF, #9CCD92, #A391DA, #2C4C25)
• Basalt Bloom color palette (#FBF5E6, #D0C49A, #889665, #65795A, #504100)
• Tempered Atelier color palette (#F3F4FF, #E3D7E0, #9EBDB5, #A2B4E2, #4A455B)
• Tempered Moss Harbor color palette (#DAF3DF, #BFC96E, #62AC54, #786FB8, #2D3100)
• Softworn Balcony color palette (#F4F4FF, #D7A9F1, #A8BF78, #47B392, #37354B)
• Patina Teal color palette (#D0ECE4, #93C8A8, #00A798, #92628B, #03321C)
• Olive Studio color palette (#F8F0EA, #C6B08A, #727C3B, #684964, #2F2614)

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