Tempered Courtyard color palette — #EEEBFF · #8553FD · #7E7300 · #5B2DB8 · #070600

Built around Amethyst, softened by Plum — the whole palette hums with nature and growth.

The five colors

• Blush (#EEEBFF): A whisper-light, dusty violet — the color of wild irises.
• Amethyst (#8553FD): A full-bodied, vivid violet — the color of a velvet chair.
• Walnut (#7E7300): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#5B2DB8): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#070600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Orchid Drift color palette (#FFE1ED, #A767FF, #528202, #57009B, #030800)
• Soft Amethyst Market color palette (#DDDCFA, #6B30F3, #585E00, #3B0095, #060600)
• Misty Indigo color palette (#EDD9E9, #3F6EFF, #A35D00, #2144BE, #0C0400)
• Hushed Lantern color palette (#D3F9F4, #8C8100, #6852FF, #110E33, #060003)
• Soft Delta color palette (#FFE3F4, #5F5AC3, #00625A, #27007C, #000201)
• Soft Bloom color palette (#FADFEA, #00A067, #592299, #1B0734, #060002)
• Bronze Corridor color palette (#C2E5F6, #008AB6, #9C6200, #005D7B, #0C0400)
• Aubergine Boulevard color palette (#DDE0EE, #533396, #483A00, #250054, #020100)

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