Worn Courtyard color palette — #F2F5FF · #B7F7D0 · #786BA8 · #3A3159 · #0D0F19

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Mint (#B7F7D0): A whisper-light, balanced teal — the color of glacier melt.
• Slate (#786BA8): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3A3159): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0D0F19): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn Courtyard 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

• Softworn Cobalt Hollow color palette (#F0F5FD, #FCE3AA, #5D75AB, #263956, #08101B)
• Worn Driftwood Drift color palette (#F5F4FB, #C7DCF8, #A1749F, #48425A, #1C1924)
• Dusty Pier color palette (#F2EFFE, #DDA392, #69476A, #29223D, #0D0A15)
• Weathered Plum color palette (#F9F2FF, #B0ED93, #AD3675, #4F1533, #0D0314)
• Denim Market color palette (#FFF1F6, #9BB986, #5A4675, #432230, #271614)
• Wandering Workshop color palette (#F1F5FF, #ACA7F8, #A6A33E, #007F9B, #1F2433)
• Patina Bronze Delta color palette (#F3F4FF, #B898E7, #918000, #3D639B, #141523)
• Hushed Market color palette (#FFF1F4, #F8D07A, #A687B5, #7E5661, #2B1D21)

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