Tempered Corridor color palette — #F1DBE2 · #9860D0 · #533738 · #2E1B22 · #120A10

A conversation between Amethyst and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Shell Pink (#F1DBE2): A whisper-light, dusty rose — the color of a warm blush.
• Amethyst (#9860D0): A full-bodied, vivid violet — the color of wild irises.
• Cocoa (#533738): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#2E1B22): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#120A10): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Wisteria Pier color palette (#F2DFE2, #B772B7, #614540, #3A282B, #1E1519)
• Tempered Lilac color palette (#F3F4FF, #9D70D2, #4D2441, #0D0D1E, #000104)
• Worn Delta color palette (#F9E7F9, #4180D6, #523644, #2A1C2A, #05100B)
• Byzantium Summit color palette (#FEE7EC, #9200B8, #444200, #3B1716, #160308)
• Twilit Grape Atelier color palette (#E9E9F9, #754D97, #27203E, #120F28, #07030B)
• Patina Raspberry color palette (#F3DEDD, #D1008E, #601E1D, #2F0C1F, #120306)
• Frosted Peony color palette (#E1DBFC, #C68BDF, #BB62A5, #8B365D, #58242D)
• Blush Orchard color palette (#FFDADA, #E684BC, #0095A0, #008C5B, #411D32)

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