Tempered Loft color palette — #FCF1FF · #EC5184 · #5B2D1D · #2B0512 · #020007

Hot Pink and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#EC5184): A luminous, vivid red — the color of embers at dusk.
• Cocoa (#5B2D1D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#2B0512): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Tempered Loft 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 Balcony color palette (#FFF0FA, #EC5E38, #503612, #2C0601, #030004)
• Frosted Magenta color palette (#F6F3FF, #D657C9, #592B35, #190F29, #010109)
• Blush Station color palette (#F3D9D3, #FF618C, #925252, #583832, #1B0D0C)
• Cellar Plum color palette (#F2DEF3, #C04658, #3C1A03, #201013, #0E0001)
• Amber Study color palette (#FFF0F8, #D38964, #344D39, #2A1722, #080408)
• Smoked Bronze Coast color palette (#FFE7EE, #AE6E00, #2F2C00, #0E0500, #040002)
• Aged Alley color palette (#ECF9EE, #CBA96B, #465A52, #212F23, #140D10)
• Apricot Coast color palette (#FFF1F7, #FF9643, #00B2C5, #0088CC, #371800)

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