Tempered Courtyard color palette — #E8EDFA · #7A8CEC · #4156D1 · #1E1E8D · #03002E
Cobalt and Indigo set the tone — five colors that lean into creativity and calm.
The five colors
- Frost (#E8EDFA): bright and airy, almost weightless.
- Lavender Blue (#7A8CEC): A luminous, balanced violet — the color of wild irises.
- Cobalt (#4156D1): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#1E1E8D): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#03002E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.
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 Lantern color palette (#E8EDFC, #6376C6, #2F1FAA, #000760, #040030)
- Grape Study color palette (#E1E0F6, #8871F1, #5A36BF, #2B006B, #050013)
- Periwinkle Harbor color palette (#E6F1FF, #37A1FC, #0062B6, #00355E, #000715)
- Frosted Indigo Villa color palette (#DFE4F4, #8F9EFF, #436EFF, #2542C3, #020035)
- Tempered Ultramarine color palette (#F1F5FF, #8FA4FF, #2542EC, #060071, #01000B)
- Feathered Wisteria color palette (#D8E3F6, #BBB5EA, #C487D2, #0772A9, #181C46)
- Frosted Iris color palette (#F4F4FF, #BDC3FE, #8789D3, #4E528F, #2D2B54)
- Timeworn Courtyard color palette (#CEF5E4, #E07A00, #916BFF, #1F143D, #040618)
Browse the whole catalog at Explore, or see today's palette.