Tempered Workshop color palette — #F3F4FF · #DAD9E4 · #BFB5AD · #F581D5 · #34144A

Bubblegum takes the lead with Deep Indigo close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Silver (#DAD9E4): bright and airy, almost weightless.
• Stone (#BFB5AD): a calm mid-gray that lets other colors speak.
• Bubblegum (#F581D5): A luminous, vivid pink — the color of peonies in June.
• Deep Indigo (#34144A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. 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

• Blush Archive color palette (#F6F3FF, #DFD6E0, #FF94A5, #CCB29D, #441836)
• Weathered Drift color palette (#EFF6FF, #D5DCE8, #C7B3C6, #BF86FF, #212057)
• Peony Thicket color palette (#F4F4FF, #DFD6E8, #E0B8FF, #D25892, #25052C)
• Soft Peony color palette (#FFF1F7, #B5CEFF, #AE94FF, #CB40AD, #472952)
• Airy Workshop color palette (#FFECF5, #A2DCFF, #AE9EFF, #EB3B66, #330B32)
• Feathered Tangerine color palette (#FBF1FF, #FFCFDC, #EFB4A3, #FE7628, #40000B)
• Tempered Magenta color palette (#F8F2FF, #F2ACFF, #DC5BC9, #9B2D74, #5F1B38)
• Airy Dune color palette (#F7F2FF, #FFA5E2, #0DD086, #C1429F, #003921)

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