Tempered Studio color palette — #FFF1F6 · #F2D2EA · #B9D79C · #A58CC6 · #47473F
Built around Mauve, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Thistle (#F2D2EA): A whisper-light, dusty pink — the color of a candy shop window.
- Pistachio (#B9D79C): A whisper-light, balanced green — the color of new leaves after rain.
- Mauve (#A58CC6): A luminous, balanced violet — the color of wild irises.
- Charcoal (#47473F): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Tempered Studio 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
- Muted Fern color palette (#FFF1F2, #FFD2D9, #99DDBA, #B987AD, #3B4E06)
- Hushed Driftwood color palette (#FFF1F1, #CCDFCD, #A6748F, #56403F, #241717)
- Timeworn Stone color palette (#FFF1F5, #E4D8D3, #DFBCAC, #AAB4AD, #5E4D50)
- Timeworn Mallow Lagoon color palette (#FFF1F4, #E4D1D1, #CBA4D6, #7D6089, #401F2A)
- Worn Mallow color palette (#FFF1F5, #E2B8FF, #DCB281, #65B1AD, #463238)
- Bronze Lantern color palette (#FBF4E9, #DAE8BE, #BEAC8B, #9C7034, #484000)
- Worn Violet Orchard color palette (#F3F4FF, #BAA5D5, #CA8568, #865AB3, #614255)
- Patina Thicket color palette (#F1F1FB, #C0A8D2, #A0A065, #865DA1, #0A3A2A)
Browse the whole catalog at Explore, or see today's palette.