Tempered Loft color palette — #FFF2EF · #FE3E86 · #A97F00 · #5B7000 · #431D28
A conversation between Hot Pink and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Hot Pink (#FE3E86): A luminous, vivid red — the color of late-summer berries.
- Mustard (#A97F00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#5B7000): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#431D28): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged 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
- Coral Study color palette (#FFF3E5, #FF7A60, #BE6000, #4A6600, #51291A)
- Tangerine Field color palette (#FFF2E9, #EF7300, #897800, #006822, #571031)
- Ember Boulevard color palette (#F3D8C8, #D64D00, #637D00, #006434, #2B1405)
- Emerald Veranda color palette (#FFF1F1, #FF88C8, #1D9C3D, #207B33, #320821)
- Hazy Dune color palette (#FEEBD9, #CE7600, #319841, #00715D, #322313)
- Misty Raspberry color palette (#FFF1F2, #C600AC, #007A53, #00583C, #431E23)
- Powdered Veranda color palette (#FFE4E4, #FF9887, #E74C00, #913F00, #522A00)
- Moss Corridor color palette (#F7F3FF, #FFA4E5, #76A241, #009D95, #421A38)
Browse the whole catalog at Explore, or see today's palette.