Tempered Courtyard color palette — #D4E1F4 · #5D83FF · #4834C1 · #200052 · #020007
Built around Indigo, softened by Periwinkle — the whole palette hums with creativity and energy.
The five colors
- Frost (#D4E1F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Periwinkle (#5D83FF): A luminous, vivid violet — the color of twilight just after sunset.
- Indigo (#4834C1): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#200052): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.
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
- Aubergine Pier color palette (#E1F1FF, #4F8DFF, #5C53DA, #5C00A5, #170020)
- Faded Nightshade Chapel color palette (#DCF0FF, #2965BF, #3009A5, #1F0043, #040006)
- Soft Azure color palette (#D8F2FE, #0098DC, #00518D, #001743, #00000B)
- Gentle Sapphire color palette (#FFE0E2, #455EFF, #4C11A0, #390017, #01000A)
- Hushed Orchid Bloom color palette (#E9E6FF, #A95DFF, #7C00A7, #2F0035, #030003)
- Faded Amethyst color palette (#E8F1FF, #71B9FF, #6F8FFF, #6F46D7, #01000A)
- Worn Courtyard color palette (#F2F5FF, #B5BAFF, #8D5EFF, #6A00B0, #2C003E)
- Denim Chapel color palette (#E8EFF7, #C1D1EA, #96A6C9, #1E4E86, #000209)
Browse the whole catalog at Explore, or see today's palette.