Tempered Corridor color palette — #FFF2EB · #C17058 · #157773 · #1A5F5B · #42323A

Caramel and Teal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Caramel (#C17058): A luminous, balanced orange — the color of toasted spice.
• Teal (#157773): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#1A5F5B): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#42323A): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Tempered Corridor 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

• Weathered Delta color palette (#FAF5EA, #938F35, #347952, #015F5C, #423231)
• Amber Courtyard color palette (#FFF2ED, #CF6F4E, #4E69A6, #3C4C6E, #3A2E36)
• Hushed Peony Dune color palette (#FFF1F4, #AE68AC, #00765D, #145847, #2C3930)
• Bronze Canyon color palette (#FCF3EF, #DEDCD0, #9FB2AE, #B16F50, #57514E)
• Dusty Canyon color palette (#F3F0F9, #AA789D, #317686, #2D4C79, #161728)
• Washed Apricot Canyon color palette (#FFF1F4, #EEA090, #A67945, #5F5D26, #005542)
• Timeworn Cerulean color palette (#FFF1F3, #B989B7, #36929E, #426C97, #432F38)
• Bronze Grove color palette (#FAF6E1, #897C00, #20619B, #144876, #3B2825)

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