Tempered Alley color palette — #F8EFF4 · #AAADEB · #A55975 · #5B5AA3 · #1A0907

Built around Slate, softened by Mocha — the whole palette hums with creativity and balance.

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Lavender (#AAADEB): A luminous, balanced violet — the color of wild irises.
• Mocha (#A55975): A full-bodied, balanced rose — the color of a warm blush.
• Slate (#5B5AA3): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#1A0907): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Balance. Tagged duotone, muted.

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

• Pewter Canyon color palette (#F8EFF1, #D5B6E4, #AC6F74, #875F99, #1E130F)
• Petrol Ridge color palette (#EBF4F0, #6DBEEA, #766AA7, #006D97, #170910)
• Linen Denim Corridor color palette (#F1F6FB, #92B1D7, #C15F41, #004F96, #301C2A)
• Hushed Indigo color palette (#F2F5FB, #BABDFF, #C67188, #7471D9, #2C1E30)
• Hushed Villa color palette (#FEF0DA, #B08ACC, #935373, #414D0A, #331A1F)
• Sunlit Garnet Harbor color palette (#E8E2FF, #C8A3DF, #9A628C, #752F52, #4D0015)
• Antique Dune color palette (#F8EFF2, #DDD4D2, #C5B9B2, #7E699B, #34282D)
• Aged Corridor color palette (#FBF2FA, #DDD9F4, #D6828A, #6189D2, #1F0C07)

Browse the whole catalog at Explore, or see today's palette.