Tempered Alley color palette — #FFF2EB · #DFFAC5 · #E1D8CA · #FF8683 · #683B2B

Salmon takes the lead with Custard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Custard (#DFFAC5): A whisper-light, dusty green — the color of new leaves after rain.
• Bone (#E1D8CA): A whisper-light, dusty gold — the color of old brass.
• Salmon (#FF8683): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#683B2B): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Wandering Apricot color palette (#FFF3E9, #E2DDBB, #C7D28D, #EB8B62, #48423D)
• Patina Delta color palette (#FFF2EF, #E9D5CD, #ACBA9C, #F976BF, #62343B)
• Antique Cocoa color palette (#FEF4E5, #DBE0C8, #B0BBD1, #DBAE7F, #604400)
• Antique Studio color palette (#FFF0FC, #F7F373, #D7DBCE, #D0709D, #492E42)
• Weathered Indigo color palette (#FFF2EF, #FF86AA, #50ACFC, #7176F7, #451C29)
• Quiet Quarry color palette (#FFEBF8, #EADBC0, #F5A849, #A75750, #44210D)
• Hazy Chartreuse color palette (#EED7DF, #6EE700, #FFA836, #784D14, #2C1D0B)
• Misty Amber color palette (#FFF3E6, #F8C573, #C47B13, #824E00, #291600)

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