Tempered Boulevard color palette — #E6F4FF · #48BFF8 · #8381FB · #9C4B9A · #4E131C
A conversation between Lavender Blue and Magenta Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#48BFF8): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#8381FB): A luminous, vivid violet — the color of a velvet chair.
- Magenta Rose (#9C4B9A): A full-bodied, balanced pink — the color of peonies in June.
- Espresso (#4E131C): A deep, shadowed, balanced red — the color of a theater curtain.
Feels like: Trust, Stability, Creativity, Balance. Tagged warm.
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
- Iris Hollow color palette (#E4F5FF, #14C4F2, #7E88E9, #9B4F95, #00332F)
- Wisteria Quarry color palette (#EAF2FF, #8BB0FF, #B76EDD, #AB4B6B, #00323A)
- Ancient Periwinkle color palette (#CDE9FD, #AECEEF, #8FA5DE, #9E7699, #4F3E5B)
- Magenta Summit color palette (#DCE8FF, #88A2FF, #CF19F8, #BD0055, #002932)
- Washed Teal color palette (#EBFAEA, #00BEBC, #9E5A93, #7D2730, #231A00)
- Azure Courtyard color palette (#E0F7FC, #03CCC1, #019CE9, #775BB8, #003615)
- Airy Indigo color palette (#D9E1F6, #6A53E6, #94007C, #6A0700, #000205)
- Frosted Amethyst color palette (#DEEDFA, #0099E2, #764EE4, #8B0472, #001615)
Browse the whole catalog at Explore, or see today's palette.