Tempered Studio color palette — #EBD7F5 · #D399BE · #A85E5D · #264515 · #001C12

Mocha and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#EBD7F5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#D399BE): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#A85E5D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#264515): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001C12): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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 Delta color palette (#E5E5FF, #B79CCA, #996080, #514800, #051B00)
• Bronze Alley color palette (#FBD8EA, #D79091, #A4663F, #005642, #001C1E)
• Softworn Chestnut Quarry color palette (#F9E6F2, #B37C85, #8C5239, #00361E, #001010)
• Dusty Periwinkle color palette (#DEF0FC, #92A0D9, #A17487, #1C747F, #003148)
• Dusty Bronze Alley color palette (#FCDEE2, #AE654C, #6A4913, #002623, #000204)
• Cocoa Bloom color palette (#DEE8FC, #896A99, #753C39, #003434, #021904)
• Amber Villa color palette (#FFF1F6, #FFB5BB, #D48256, #2C6950, #003D41)
• Worn Stone color palette (#FFF2EF, #DDAE8B, #968D5A, #336175, #042A4B)

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