Worn Garden color palette — #F8EAF3 · #BEB776 · #535E99 · #262D6C · #220E1D

Navy takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Sage (#BEB776): A luminous, balanced green — the color of new leaves after rain.
• Slate (#535E99): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#262D6C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#220E1D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark, 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

• Ancient Cabin color palette (#FEE8ED, #A3BF8C, #7A5089, #462652, #240E15)
• Timeworn Balcony color palette (#E2F3EE, #E1A57C, #1F66A4, #003762, #041A16)
• Dusty Chartreuse color palette (#F0F5FF, #C8DC6F, #49609E, #1B2645, #01040A)
• Iris Orchard color palette (#FAE9F2, #FFB0B3, #807EC7, #525177, #1E1119)
• Tempered Corridor color palette (#E8EEFF, #CC858D, #39387E, #1B1949, #111621)
• Ancient Bloom color palette (#FCF2F4, #D7D3A8, #9C6F78, #5E4162, #372629)
• Weathered Nightshade Canyon color palette (#FBE9F3, #8E9A4D, #402D98, #19084A, #080004)
• Weathered Harbor color palette (#FAF3F5, #E1D7D2, #CBBBAD, #9966BF, #47343A)

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