Tempered Workshop color palette — #E0F2F3 · #4C74CC · #7F1A66 · #003525 · #11042A

Mulberry and Sapphire set the tone — five colors that lean into creativity and balance.

The five colors

• Cream (#E0F2F3): a clean, paper-quiet neutral.
• Sapphire (#4C74CC): A full-bodied, balanced violet — the color of wild irises.
• Mulberry (#7F1A66): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Forest (#003525): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#11042A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Tempered Workshop 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

• Feathered Atelier color palette (#CDF1F2, #6F82DA, #893B66, #00433A, #14142F)
• Hazy Harbor color palette (#CFEEE9, #7E64C5, #8D0B39, #003336, #1B021F)
• Tempered Coast color palette (#CDECE5, #0083B1, #622E88, #183500, #000B2B)
• Mulberry Corridor color palette (#CDE6D2, #8662B4, #7C2460, #343600, #311839)
• Dusty Ridge color palette (#DFEBFF, #4560C9, #603F00, #002F26, #000E0A)
• Plum Corridor color palette (#FFF4E2, #B38BE8, #A34081, #404300, #1F0526)
• Weathered Petrol Study color palette (#F3E4EB, #96B8D2, #4869A9, #004C46, #19073B)
• Ash Workshop color palette (#D7DDFA, #B281AA, #78596E, #00473B, #002327)

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