Tempered Courtyard color palette — #FFF1F6 · #BFB1F4 · #825FBB · #483478 · #312447

Built around Amethyst, softened by Royal Purple — the whole palette hums with creativity and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#BFB1F4): A luminous, balanced violet — the color of a velvet chair.
• Amethyst (#825FBB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Royal Purple (#483478): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#312447): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged monochrome.

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

• Timeworn Meadow color palette (#F2F4FF, #E0D5FF, #B6A4EC, #8474B5, #32254F)
• Frosted Cobalt Harbor color palette (#FFF0FD, #98B7F0, #4A74C4, #26417D, #1E2E52)
• Muted Plum Lantern color palette (#FFF1F2, #E2A5D8, #A24E99, #622C5E, #3D1E3A)
• Iris Courtyard color palette (#F2F4FF, #D5BFFF, #9180CF, #664E84, #332B4D)
• Shadow Byzantium Meadow color palette (#E7DEF1, #9342C5, #4B0078, #1B0031, #04000A)
• Powdered Bronze color palette (#FCF2F3, #D797C3, #A75609, #8A4076, #2F2115)
• Weathered Mallow Hollow color palette (#FFF0F7, #E8D7DF, #F3A8CE, #6178A6, #634A54)
• Softworn Summit color palette (#FEF2F3, #C4AB78, #723576, #3F2041, #2B1D20)

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