Tempered Workshop color palette — #FFF1F6 · #E0CFFF · #FB473C · #9D3AFF · #1C0000

A conversation between Amethyst and Scarlet, giving this palette its sense of creativity and energy.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Thistle (#E0CFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Scarlet (#FB473C): A luminous, vivid orange — the color of sun-warmed clay.
• Amethyst (#9D3AFF): A full-bodied, vivid violet — the color of wild irises.
• Ink (#1C0000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Energy, Balance. Tagged duotone, vibrant.

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

• Wandering Orchid Dune color palette (#FFF1F4, #F1C6FF, #D77400, #BA26E0, #130700)
• Indigo Courtyard color palette (#FBF2F9, #C8D8FF, #EF5072, #486CFF, #1A0200)
• Gentle Byzantium color palette (#FFF1F5, #D1A8E9, #D03600, #9200C4, #030100)
• Hazy Magenta color palette (#F6F3FF, #FBAFFF, #FF7093, #DF57E8, #29132D)
• Chalky Plum Boulevard color palette (#FFECEF, #E277E7, #C2184D, #8D1F94, #190200)
• Misty Grape color palette (#F3F4FF, #BB7FFF, #B32A20, #6E2BA9, #281625)
• Peony Study color palette (#FCF2F2, #FED1D3, #B99A4F, #C85EA0, #1B1000)
• Dusty Peony color palette (#F8E4E2, #E0538D, #634800, #70003B, #020100)

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