Tempered Alley color palette — #D4DEFD · #4853FF · #7E5F00 · #5D5300 · #060237
Iris takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Powder Blue (#D4DEFD): A whisper-light, dusty violet — the color of wild irises.
- Iris (#4853FF): A full-bodied, vivid violet — the color of wild irises.
- Ochre (#7E5F00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#5D5300): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#060237): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, 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
- Hushed Archive color palette (#D9ECFF, #0075C4, #925300, #615100, #000F20)
- Dusty Canyon color palette (#E2DAF1, #9A2FFE, #636B00, #165A01, #15012B)
- Wandering Cornflower Workshop color palette (#D9E2F6, #5B81FF, #A57700, #737400, #101D53)
- Hushed Byzantium color palette (#FFE1EA, #8946B3, #506900, #005B38, #13021E)
- Hazy Workshop color palette (#C1E7F2, #007F97, #BA1900, #744600, #001116)
- Lapis Terrace color palette (#D9DCFB, #6246FF, #B0007B, #005D6D, #1E1C4C)
- Linen Courtyard color palette (#FFE3EA, #AD73C5, #446A00, #006A5F, #230A13)
- Amber Veranda color palette (#FFEBF8, #8E98D2, #A58A3A, #6B814C, #31212D)
Browse the whole catalog at Explore, or see today's palette.