Softworn Alley color palette — #FAF2FC · #E8A9B2 · #B98A5F · #15765A · #22273B

A conversation between Teal and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF2FC): a clean, paper-quiet neutral.
• Ballet Pink (#E8A9B2): A luminous, dusty red — the color of embers at dusk.
• Caramel (#B98A5F): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#15765A): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#22273B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.

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

• Tempered Cypress color palette (#F3F4FF, #D5BFF8, #BB9069, #0B7B72, #28375C)
• Petrol Workshop color palette (#FCF1F8, #E3AD9C, #94A05C, #006E8E, #271E2F)
• Olive Corridor color palette (#F5F4FD, #C7A0CF, #BB7D87, #656F2B, #1B2A38)
• Dusty Blush color palette (#FAF2FD, #E095AC, #614E5B, #312636, #100E14)
• Olive Lantern color palette (#EEF9EE, #CA9447, #698733, #006693, #1E0E24)
• Weathered Alley color palette (#FFF0FB, #CF7764, #6F7500, #004C59, #10051B)
• Peony Hollow color palette (#FFF1F2, #BA75A5, #8A641B, #165A4D, #433238)
• Ash Grove color palette (#F6F4FA, #E0D8DC, #B8B6AB, #CB9CC6, #4E4B56)

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