Tempered Loft color palette — #FBE7F9 · #BC4350 · #255DB7 · #5C009E · #27001A

Built around Plum, softened by Brick — the whole palette hums with trust and stability.

The five colors

• Blush (#FBE7F9): A whisper-light, dusty pink — the color of neon signs at night.
• Brick (#BC4350): A full-bodied, balanced red — the color of embers at dusk.
• Cobalt (#255DB7): A full-bodied, balanced blue — the color of open sky before noon.
• Plum (#5C009E): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#27001A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Patina Nightshade color palette (#ECE3F1, #BE497D, #006A95, #3B20B0, #220223)
• Hushed Sapphire color palette (#FDF0FD, #D16C72, #2765C1, #5D3A96, #231731)
• Feathered Nightshade Summit color palette (#EFD6E8, #BA2E00, #3227BF, #4F0065, #160007)
• Soft Study color palette (#DEEFDD, #A16300, #7C3AA3, #7E0050, #2C0800)
• Weathered Terrace color palette (#F6DBE7, #8C4300, #4A00A6, #46003E, #070000)
• Ancient Lantern color palette (#E9E5FD, #9E5AA8, #00696E, #004B76, #160D31)
• Feathered Aubergine color palette (#D9EBDA, #795500, #004441, #3E0060, #240615)
• Wandering Moss color palette (#ECE5CE, #AB9400, #009191, #2F61AD, #250500)

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