Tempered Courtyard color palette — #F2DBFF · #BC69E6 · #368500 · #620084 · #123800

Wisteria and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F2DBFF): A whisper-light, dusty violet — the color of wild irises.
• Wisteria (#BC69E6): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#368500): A full-bodied, vivid green — the color of a quiet forest floor.
• Royal Purple (#620084): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Forest (#123800): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy. Tagged warm.

Use it as a design system

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

• Magenta Orchard color palette (#EFECFF, #D15CE0, #637B00, #690075, #121900)
• Quiet Thicket color palette (#DDE3FF, #9457FF, #6D7800, #5F00BC, #2C3200)
• Peony Quarry color palette (#FFD7EC, #D73AA1, #008557, #8B0064, #003822)
• Washed Grove color palette (#FFDADE, #EA83E4, #8A9500, #950092, #2D3100)
• Mulberry Coast color palette (#F8F2FF, #D06CA6, #009477, #A20073, #004637)
• Byzantium Boulevard color palette (#FAE4FF, #A72DC0, #835C00, #005E62, #36103F)
• Faded Studio color palette (#FFD9E3, #E4B2FF, #7FBE04, #A914E1, #203500)
• Patina Ultramarine Atelier color palette (#D5E6FF, #4579FF, #916700, #0A14E3, #3E2A00)

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