Tempered Brick color palette — #F3EFFF · #B855B7 · #AC0030 · #523000 · #14004E

Garnet and Orchid set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F3EFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Orchid (#B855B7): A luminous, vivid pink — the color of peonies in June.
• Garnet (#AC0030): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#523000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Indigo (#14004E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Worn Mulberry color palette (#F3EFFF, #B758AF, #A90A35, #552E00, #1A1900)
• Airy Wisteria color palette (#FFF1F5, #C16DFF, #CD2E6F, #834100, #1B286A)
• Aged Loft color palette (#F6E8F7, #B55C6A, #7D4500, #353700, #00190E)
• Weathered Crimson color palette (#EEF6FF, #64B4FF, #CF4858, #00631A, #002632)
• Plum Summit color palette (#F6DBF5, #D878C8, #B8008D, #760051, #480026)
• Worn Veranda color palette (#FFF0FB, #556BF8, #963700, #004B3C, #003136)
• Byzantium Orchard color palette (#E6E6FE, #903BBB, #391E3A, #0F0B26, #02020D)
• Tempered Magenta Field color palette (#F0F0FF, #D2CAFF, #CA88FF, #C635B8, #2F073B)

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