Tempered Alley color palette — #BFEAF3 · #68BCFF · #337CFF · #644CCD · #53265F
Azure and Iris set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#BFEAF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#68BCFF): A luminous, balanced blue — the color of open sky before noon.
- Azure (#337CFF): A luminous, vivid violet — the color of twilight just after sunset.
- Iris (#644CCD): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#53265F): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Tempered Alley 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
- Frosted Hollow color palette (#E7F9FF, #90CEFF, #5887FF, #5944B9, #47296A)
- Timeworn Ultramarine Terrace color palette (#94F3FA, #26C6F7, #008ED9, #4053C6, #403067)
- Violet Meadow color palette (#BDE9FF, #6EB4FF, #8169FF, #8B3FB4, #5D315D)
- Gentle Basin color palette (#D4E9F2, #339FFD, #4552FF, #6B339B, #471E49)
- Weathered Grape Canyon color palette (#DDEEFF, #5D82FF, #7D00D0, #62007A, #350026)
- Lapis Grove color palette (#FFF0F9, #B2B9FF, #C79000, #584BDE, #4D3600)
- Airy Amethyst Station color palette (#D9DEF1, #7E4EEC, #82009A, #64004C, #29000C)
- Teal Pier color palette (#CDF6E5, #00C4C6, #0095AF, #00679E, #204078)
Browse the whole catalog at Explore, or see today's palette.