Tempered Alley color palette — #FFD7ED · #FFAADC · #04C685 · #CA0096 · #003822

Fuchsia takes the lead with Clover close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Shell Pink (#FFD7ED): A whisper-light, dusty pink — the color of neon signs at night.
• Carnation (#FFAADC): A whisper-light, balanced pink — the color of a candy shop window.
• Clover (#04C685): A luminous, vivid teal — the color of sea glass.
• Fuchsia (#CA0096): A full-bodied, vivid pink — the color of neon signs at night.
• Deep Forest (#003822): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Byzantium Field color palette (#FAD7FE, #F6A8FF, #04C95C, #B700CB, #003915)
• Worn Peony color palette (#F0DCFC, #FF89BA, #00BFBE, #F10090, #003635)
• Softworn Rose Basin color palette (#FFF0FE, #FFABAA, #28DDD1, #EC4A59, #004540)
• Gentle Scarlet color palette (#F4D2EC, #FF8774, #00B7BE, #DE4432, #003032)
• Byzantium Veranda color palette (#DEE3FF, #D0BCFF, #B3AE03, #8A42E8, #313000)
• Peony Boulevard color palette (#FFE6E6, #D344AA, #008663, #860068, #001C12)
• Misty Plum Market color palette (#FFDADB, #F159CB, #0095DE, #B30093, #00314E)
• Amber Cabin color palette (#F8D1E5, #E1AD6B, #DA7537, #B24B49, #322800)

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