Tempered Studio color palette — #F5F3FE · #C6A2C7 · #6EA87E · #99539E · #205755

A conversation between Slate and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F3FE): bright and airy, almost weightless.
• Mauve (#C6A2C7): A luminous, dusty pink — the color of peonies in June.
• Jade (#6EA87E): A luminous, balanced teal — the color of glacier melt.
• Slate (#99539E): A full-bodied, balanced pink — the color of a candy shop window.
• Peacock (#205755): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Pewter Courtyard color palette (#F3F0FA, #D69FC7, #86A969, #975987, #123831)
• Indigo Quarry color palette (#F2F5FF, #A5ADD6, #979F67, #775FBD, #4C5128)
• Aged Lagoon color palette (#FAF2FB, #D69FA4, #4BAAAA, #B04E5D, #235561)
• Weathered Workshop color palette (#FFF1F3, #E0B3DD, #89C382, #AF74AD, #4D4E46)
• Cerulean Corridor color palette (#F6F3FF, #B586AD, #9E8841, #008598, #453E53)
• Mulberry Field color palette (#F9F2FF, #D26BA5, #00956B, #A30071, #004630)
• Wandering Pewter Market color palette (#F9F3FA, #A7CBAE, #6D5372, #452F49, #2F2026)
• Washed Mulberry color palette (#F7F3FF, #CEBDE4, #A76E96, #75325F, #502A43)

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