Tempered Brick Workshop color palette — #F9DAFF · #E681B0 · #C5291F · #593300 · #1E1B00

A conversation between Brick and Bubblegum, giving this palette its sense of optimism and warmth.

The five colors

• Thistle (#F9DAFF): A whisper-light, dusty pink — the color of neon signs at night.
• Bubblegum (#E681B0): A luminous, balanced rose — the color of a warm blush.
• Brick (#C5291F): A full-bodied, vivid orange — the color of autumn markets.
• Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#1E1B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

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

• Gentle Bronze Lagoon color palette (#F7D4E7, #C97F86, #A3501C, #4A3900, #0F1B00)
• Quiet Alley color palette (#DFE0FF, #D787D5, #BE246F, #771A00, #271700)
• Gentle Ember color palette (#F6E2FF, #FF88B0, #F14700, #845500, #3C3900)
• Hushed Workshop color palette (#F8EBF6, #C65F71, #8D3800, #3D2700, #0D0D00)
• Antique Quarry color palette (#FFEBE8, #DDA091, #9D6B08, #4C5000, #012D05)
• Weathered Tangerine color palette (#FFF1F4, #FFC4C3, #F76937, #8E4900, #362100)
• Tempered Bloom color palette (#F9EFEE, #DCD5CB, #D0BCA1, #B03767, #30211E)
• Terracotta Terrace color palette (#FEF1D2, #BC71BD, #A23C00, #00416D, #39011E)

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