Tempered Corridor color palette — #FDD8D7 · #FFA593 · #FF6C2B · #B56000 · #5E3800

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FDD8D7): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FFA593): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FF6C2B): A luminous, vivid orange — the color of toasted spice.
• Ochre (#B56000): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5E3800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

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

• Hushed Ember color palette (#FFF1F7, #FFABA4, #EA6600, #8F5B00, #403800)
• Tangerine Chapel color palette (#FFEADB, #F2BB88, #F0823F, #BE6050, #39352F)
• Tangerine Coast color palette (#FDE1DB, #F36C40, #BC4A00, #6F3100, #3D1C00)
• Washed Blush Ridge color palette (#F3D7E4, #FF93B9, #FF627F, #CE4036, #642614)
• Worn Marigold color palette (#FFEADE, #FFB05A, #D59400, #947600, #454000)
• Soft Amber color palette (#FFDECC, #CF7C00, #A07100, #6A5600, #201B00)
• Faded Amber color palette (#FFF2E9, #FFB081, #6CCEFF, #D96800, #004059)
• Chartreuse Harbor color palette (#FFF3E8, #DDDFC5, #D0E756, #E38D79, #4E4842)

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