Tempered Alley color palette — #F1F5FF · #8ECF72 · #555AC2 · #303469 · #131A2A
Iris takes the lead with Lime close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lime (#8ECF72): A luminous, balanced green — the color of a quiet forest floor.
- Iris (#555AC2): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#303469): A deep, shadowed, balanced violet — the color of a velvet chair.
- Midnight (#131A2A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.
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
- Ancient Sapphire Cabin color palette (#EFF6FF, #E3B24B, #3A62C3, #1D3672, #0D1B2F)
- Byzantium Field color palette (#F4F4FF, #51D5AD, #883EBB, #472C5D, #19172F)
- Timeworn Celadon Workshop color palette (#FFF0F8, #B8EA95, #695DAB, #2E215F, #14000C)
- Weathered Nightshade color palette (#D9DEEC, #61BB7B, #5044A0, #261F52, #060A19)
- Linen Marigold color palette (#FFF1F7, #CB9900, #503387, #2B1B49, #2A111E)
- Driftwood Boulevard color palette (#F9F2FC, #AADDD3, #A9667C, #594461, #2E2930)
- Antique Azure color palette (#EDF6FF, #089DF0, #749400, #007190, #112E45)
- Tempered Bloom color palette (#F3F4FF, #FFBBB3, #9F79CA, #665080, #18182C)
Browse the whole catalog at Explore, or see today's palette.