Tempered Courtyard color palette — #E7EEFF · #8082F5 · #D53C00 · #431CC6 · #150200
Built around Indigo, softened by Terracotta — the whole palette hums with creativity and energy.
The five colors
- Frost (#E7EEFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#8082F5): A luminous, vivid violet — the color of a velvet chair.
- Terracotta (#D53C00): A full-bodied, vivid orange — the color of autumn markets.
- Indigo (#431CC6): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#150200): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Creativity, Energy. 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
- Muted Garden color palette (#E8EEFF, #877CFC, #A86B00, #4A19C2, #0E0500)
- Airy Dune color palette (#E0F0FF, #26A9F7, #B74100, #00527E, #140300)
- Worn Archive color palette (#ECE8FF, #AF4DC2, #B33400, #60006F, #040000)
- Tempered Amber Study color palette (#DBEDE8, #6BB5FF, #C77C03, #0060A6, #291600)
- Nightshade Veranda color palette (#E8EEFF, #968EFF, #4D8700, #4500B8, #030A00)
- Powdered Amethyst Market color palette (#F2F5FF, #B1A3FF, #B79A06, #7320F8, #251E00)
- Crimson Workshop color palette (#D6F4FF, #00A5B2, #E3003E, #005860, #170002)
- Airy Cobalt color palette (#CAE4FF, #007DD3, #866500, #6B5000, #000205)
Browse the whole catalog at Explore, or see today's palette.