Tempered Boulevard color palette — #D2DFFF · #8196FD · #6050DF · #4E00B6 · #280A51
A conversation between Indigo and Iris, giving this palette its sense of creativity and energy.
The five colors
- Powder Blue (#D2DFFF): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#8196FD): A luminous, balanced violet — the color of wild irises.
- Iris (#6050DF): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#4E00B6): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#280A51): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Tempered Boulevard 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
- Nightshade Archive color palette (#D9E4EF, #559CF9, #1B61E0, #2825C0, #1E1966)
- Airy Hollow color palette (#DADFFD, #7673D5, #633AC1, #440083, #24003D)
- Patina Aubergine color palette (#F4EFFF, #B899F1, #7E48C3, #4F008F, #180033)
- Hushed Indigo color palette (#D4E2EC, #5FA1FF, #5B53FF, #642BAE, #532C63)
- Hazy Iris color palette (#CEDFFF, #95ADFF, #7D7AFF, #6449C5, #3F2F65)
- Frosted Workshop color palette (#ECE7FE, #B888EE, #932BBF, #720087, #440546)
- Feathered Loft color palette (#EEF1FF, #9C86E8, #E33E35, #6A00DC, #440102)
- Tempered Azure Cabin color palette (#D7F0FF, #2DA9F6, #0074C1, #00488C, #041F64)
Browse the whole catalog at Explore, or see today's palette.