Tempered Loft color palette — #F8F2FF · #EAD6DD · #B6B6AA · #B191B9 · #4D4153

Mauve takes the lead with Charcoal close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Silver (#EAD6DD): A whisper-light, dusty rose — the color of a warm blush.
• Stone (#B6B6AA): a calm mid-gray that lets other colors speak.
• Mauve (#B191B9): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#4D4153): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Worn Coast color palette (#F6F3FF, #FAD8AA, #EBD6DE, #AEA4E3, #534059)
• Aged Stone color palette (#FFF1F2, #E3D7CE, #F5AA96, #91729B, #634A48)
• Hushed Field color palette (#FFECEF, #E3D6CB, #D9BB8B, #7977A2, #402827)
• Taupe Drift color palette (#FFF0F9, #FACFE1, #C58F79, #8F5B56, #263725)
• Antique Coral color palette (#FFF0F9, #FEE495, #D5DBCD, #CA777D, #572E11)
• Lagoon Summit color palette (#FFF0FA, #DB8D79, #289984, #3A5C89, #191224)
• Softworn Thicket color palette (#FFF1F3, #E3D9D1, #FFC28F, #C1579D, #541720)
• Tempered Thicket color palette (#FFD2CB, #E8AB8B, #B98D14, #831C41, #040000)

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