Worn Garden color palette — #F9EEF8 · #9EA9D3 · #7B709E · #773E4B · #242B40

Coffee and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F9EEF8): bright and airy, almost weightless.
• Mauve (#9EA9D3): A luminous, dusty violet — the color of wild irises.
• Slate (#7B709E): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#773E4B): A full-bodied, balanced red — the color of a theater curtain.
• Midnight (#242B40): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged retro, muted.

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

• Tempered Studio color palette (#FCEDF5, #C39CC6, #9B6582, #784212, #2F283C)
• Patina Balcony color palette (#E0F7F6, #78B6CA, #547D9C, #624373, #1B2F3B)
• Hushed Turquoise color palette (#FAF5E6, #6CB1D8, #796DA5, #5E5C2B, #514251)
• Pewter Quarry color palette (#EEF1FF, #C9C9E0, #9E96B5, #7F6279, #523F48)
• Ancient Harbor color palette (#E7EEFA, #717FB6, #363B4A, #171E2C, #080D13)
• Airy Archive color palette (#FDDFF0, #A873B0, #834069, #592B00, #270B25)
• Washed Olive Workshop color palette (#E7FAF3, #B2E6FF, #9E9AD2, #70783E, #2F4154)
• Driftwood Alley color palette (#EAF5EF, #AECBC0, #778B5F, #3F6971, #21362F)

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