Tempered Alley color palette — #FFD1E6 · #F98B93 · #D34225 · #6C3A00 · #221A00

Terracotta and Salmon set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFD1E6): A whisper-light, dusty rose — the color of a warm blush.
• Salmon (#F98B93): A luminous, balanced red — the color of embers at dusk.
• Terracotta (#D34225): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#6C3A00): A full-bodied, balanced gold — the color of old brass.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Coral color palette (#FFD7DC, #FA8E7B, #AB5E00, #5D3E00, #242400)
• Quiet Ember Lagoon color palette (#FFF1F5, #FFAA9E, #D26316, #754F00, #342A00)
• Quiet Ridge color palette (#F6E5FF, #E681BC, #CC2161, #800C00, #2F1200)
• Gentle Ember Villa color palette (#FFE2E5, #FF7264, #EB5700, #9A4E00, #432500)
• Pale Ember Dune color palette (#F9E4E6, #EB6C46, #8C5000, #453100, #0C0C00)
• Powdered Garnet Atelier color palette (#FFF2EA, #D2AA79, #AE5D39, #820C35, #161200)
• Tempered Archive color palette (#FFF2EB, #FF9A77, #0098D3, #9C3300, #001B2A)
• Gentle Summit color palette (#FFF3E8, #FDAB70, #BC6500, #532800, #090300)

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