Tempered Courtyard color palette — #D9E0FB · #795EF3 · #7300B4 · #420049 · #040002
Plum takes the lead with Amethyst close behind in a set that reads as creativity and energy at first glance.
The five colors
- Frost (#D9E0FB): A whisper-light, dusty violet — the color of a velvet chair.
- Amethyst (#795EF3): A full-bodied, vivid violet — the color of a velvet chair.
- Plum (#7300B4): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#420049): A deep, shadowed, balanced pink — the color of neon signs at night.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Energy, Balance. Tagged vibrant.
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
- Grape Harbor color palette (#E6F1FF, #4770FF, #5500C6, #3E005C, #040004)
- Faded Balcony color palette (#E9E7FF, #A249EE, #7B0088, #3F002C, #0F0003)
- Timeworn Ridge color palette (#DDDEEE, #6E37CE, #60008B, #370040, #25000C)
- Hushed Orchid Lantern color palette (#F4D6DF, #B357F1, #007731, #4D0073, #000200)
- Hushed Cabin color palette (#FFD8FA, #DB6BCA, #850080, #27002B, #030003)
- Muted Grape color palette (#E1DBEC, #7E36CE, #575E00, #004E4A, #020007)
- Faded Corridor color palette (#DBF4FB, #008ED2, #003BB5, #1F0063, #070015)
- Patina Tangerine color palette (#FFF0F3, #FFA8D1, #FC6339, #4641AC, #110011)
Browse the whole catalog at Explore, or see today's palette.