Tempered Alley color palette — #FFF0FC · #F0A9BE · #AC6B64 · #7E4A2B · #5A3E00

Ballet Pink and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#F0A9BE): A luminous, balanced rose — the color of a warm blush.
• Mocha (#AC6B64): A full-bodied, balanced orange — the color of sun-warmed clay.
• Coffee (#7E4A2B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#5A3E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Softworn Orchard color palette (#F8F2FF, #EABACE, #CC8984, #966340, #544500)
• Hushed Stone Delta color palette (#FFF2ED, #E9A78C, #A17949, #665E1E, #374C14)
• Worn Ridge color palette (#F3F4FF, #D0A8EA, #A76D92, #804C54, #72372F)
• Tempered Field color palette (#FDF5DE, #D88CB4, #A1664B, #3E634E, #55433F)
• Tempered Driftwood Dune color palette (#FCF2F2, #E0D9D1, #A6AFA8, #9D7774, #59504F)
• Linen Field color palette (#FFDFE9, #FF6C6F, #B44C00, #603E00, #3F3600)
• Muted Oat color palette (#FFF1F1, #DCBEB1, #A09684, #59756A, #465650)
• Tempered Bronze color palette (#FFEBE7, #B35C00, #634300, #272900, #081900)

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