Tempered Brick color palette — #F5D7EF · #D76D97 · #C51C33 · #6F2700 · #351F00

Built around Ruby, softened by Bubblegum — the whole palette hums with optimism and warmth.

The five colors

• Thistle (#F5D7EF): A whisper-light, dusty pink — the color of peonies in June.
• Bubblegum (#D76D97): A luminous, balanced rose — the color of pressed rose petals.
• Ruby (#C51C33): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#6F2700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#351F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, 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

• Quiet Drift color palette (#FEE6F0, #F6688E, #B93C42, #822F22, #562F1B)
• Feathered Plum color palette (#E7E2FC, #B571C0, #B62271, #7F0E2D, #40140B)
• Timeworn Coral color palette (#FED8DE, #DF6E67, #9B4C00, #553A00, #221D00)
• Worn Study color palette (#E2DAEA, #E28C8B, #C55A14, #6B3D00, #0E301E)
• Timeworn Meadow color palette (#FFF1F5, #FFAABA, #F04652, #A13E27, #4A2412)
• Plum Cabin color palette (#FDE8F3, #C0144A, #7D1700, #3E1A00, #130900)
• Mulberry Studio color palette (#F4E3F4, #D36E76, #0089A9, #932739, #00202A)
• Patina Stone color palette (#FFEAFC, #F8CBC8, #A8C780, #935E8A, #39202E)

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