Tempered Loft color palette — #FFF1F4 · #FFB5A1 · #C49C00 · #853788 · #572A22
Built around Plum, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F4): bright and airy, almost weightless.
- Melon (#FFB5A1): A whisper-light, balanced orange — the color of toasted spice.
- Mustard (#C49C00): A luminous, balanced green — the color of new leaves after rain.
- Plum (#853788): A full-bodied, balanced pink — the color of a candy shop window.
- Espresso (#572A22): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged pastel, light.
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
- Grape Chapel color palette (#FFF0FB, #FFACBF, #E28F4C, #7651A6, #5B283B)
- Powdered Grape Field color palette (#FFECF0, #FFBEA1, #BFB030, #84419A, #3C0108)
- Patina Moss Basin color palette (#FFF0EB, #FFBD6C, #89AE15, #9E2D58, #513114)
- Violet Study color palette (#FFF1F4, #FFCBB6, #B9C031, #9860C7, #592522)
- Mustard Summit color palette (#FFF0FA, #FFD7A0, #B6C24B, #9E5A72, #5A3A49)
- Washed Boulevard color palette (#E9D9E5, #D1853E, #717100, #5F1B39, #210519)
- Antique Emerald color palette (#FAD2E0, #C2BD50, #219D5F, #792716, #072E19)
- Weathered Amber color palette (#F9DAED, #AB9100, #652200, #320D00, #1C0715)
Browse the whole catalog at Explore, or see today's palette.