Timeworn Courtyard color palette — #F3F4FF · #B79BE1 · #6CAD7E · #4C80A6 · #3B3C4A

Mauve and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#B79BE1): A luminous, balanced violet — the color of wild irises.
• Jade (#6CAD7E): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4C80A6): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3B3C4A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Timeworn 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

• Teal Station color palette (#FBF2FB, #DE9397, #56AF8D, #4980AA, #453845)
• Antique Balcony color palette (#F1F5FF, #A4A3E4, #B8974B, #3E8A77, #383D4B)
• Mallow Hollow color palette (#FFF1F1, #EDADCC, #96BA8A, #4E8E91, #402C2B)
• Washed Amber Veranda color palette (#E8FAEF, #EEA7B5, #BB8652, #457498, #534150)
• Muted Peony Field color palette (#F7F3FF, #DE59C2, #009D7B, #006CA7, #302541)
• Aged Peony Lagoon color palette (#F6F4FA, #F8BCDF, #AA9D47, #BB709E, #26312B)
• Taupe Grove color palette (#F8F3F8, #E1D7D8, #ACB2BF, #BF8C90, #565057)
• Worn Station color palette (#FFF2F0, #CE6B93, #9B7846, #73536B, #4A3836)

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