Tempered Workshop color palette — #FFF0FD · #D7DDF9 · #C8C0EC · #ADA8FF · #202E69

Lavender takes the lead with Navy close behind in a set that reads as creativity and softness at first glance.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Powder Blue (#D7DDF9): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#C8C0EC): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#ADA8FF): A luminous, balanced violet — the color of twilight just after sunset.
• Navy (#202E69): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Pale Pier color palette (#FFF0FA, #BFD8FF, #CDB0EC, #B386FF, #1E194E)
• Orchid Meadow color palette (#E9EAFD, #C2B6FF, #AD86FF, #A04DE5, #4E2668)
• Indigo Market color palette (#EAF3FF, #9ED4FF, #85ACFF, #7666E3, #0E1943)
• Mallow Grove color palette (#FFF1F4, #EED4EE, #E3BCFF, #FF8BE1, #4D1F5B)
• Aged Wisteria Veranda color palette (#FFF1F6, #CEB6FF, #00CFDC, #AB73FF, #004348)
• Chalky Magenta Corridor color palette (#E1FCF5, #72E8FF, #88C2FF, #E553FF, #2B3066)
• Quiet Cerulean Canyon color palette (#F3F7E8, #B7E8EC, #73BDFF, #009FC9, #143F74)
• Weathered Orchard color palette (#ECDDE9, #7A9AFF, #61628B, #55354F, #1A0C1A)

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