Tempered Corridor color palette — #FAF2F9 · #F9D2DC · #E9BAA6 · #D6A345 · #614155

A conversation between Gold and Sand, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Shell Pink (#F9D2DC): A whisper-light, dusty red — the color of embers at dusk.
• Sand (#E9BAA6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Gold (#D6A345): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#614155): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Ancient Ridge color palette (#FFF2ED, #EBD5CF, #FFA8A3, #CB8E72, #504845)
• Hushed Bronze Bloom color palette (#FFF0FE, #F5BFB1, #CF9168, #9C7020, #335842)
• Weathered Mustard color palette (#FEF1F8, #FFE8BD, #E7D5D2, #B2BC68, #364C36)
• Hazy Courtyard color palette (#FFF0FA, #FFC6DD, #FFAB93, #B59800, #502D00)
• Cocoa Workshop color palette (#FFF2ED, #E3D1CC, #E9C68E, #BFC0B5, #693007)
• Abyss Bloom color palette (#F5F4FF, #DBD0DF, #BAA2AE, #6D8494, #414D63)
• Antique Amber Quarry color palette (#EFF8EF, #DEBE96, #6FBED9, #B58135, #1F5466)
• Pale Clover color palette (#EDF9EE, #FFD9D1, #FFC45F, #70C261, #144232)

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