Worn Garden color palette — #FFF1F1 · #E9A5B3 · #B26E6E · #88513D · #56504B

Built around Mocha, softened by Ballet Pink — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Ballet Pink (#E9A5B3): A luminous, balanced red — the color of embers at dusk.
• Mocha (#B26E6E): A luminous, balanced red — the color of a theater curtain.
• Coffee (#88513D): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#56504B): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Worn Garden 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 Cocoa Terrace color palette (#FFF2E9, #ECBAA4, #A87157, #74472F, #5A2C00)
• Washed Driftwood Canyon color palette (#FFF1F6, #D2ADDC, #A97197, #865269, #64453D)
• Dusty Courtyard color palette (#FFF2EC, #DC9E94, #5CA5B7, #A6594F, #305741)
• Blush Loft color palette (#F5EBFF, #FFBDCD, #FF9795, #C0836A, #624650)
• Weathered Terracotta color palette (#F6DDFA, #DEA4A5, #BE7570, #883A2D, #4B2C42)
• Antique Bronze color palette (#FBF5E8, #BEB999, #997C36, #7F5313, #494C00)
• Taupe Workshop color palette (#FFF2EB, #C98471, #4497A5, #52749D, #48413D)
• Faded Ember Hollow color palette (#EDD9DA, #D36232, #904700, #4F3400, #1F2B06)

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