Tempered Brick color palette — #C7F5FC · #00808F · #B91C00 · #991500 · #001115

Brick takes the lead with Garnet close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#C7F5FC): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
• Brick (#B91C00): A full-bodied, vivid orange — the color of toasted spice.
• Garnet (#991500): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#001115): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Plum Coast color palette (#DDF1E9, #008665, #BA004B, #9A003D, #00130B)
• Worn Courtyard color palette (#CFEBF2, #007F96, #935200, #5E4B00, #001116)
• Linen Raspberry Ridge color palette (#E1ECFA, #1F8CFB, #D42AA8, #D0031D, #00234B)
• Aged Plum Boulevard color palette (#C8EAF1, #007F8F, #A30A9E, #664F00, #002A30)
• Dusty Garnet color palette (#F2E1D4, #AE871C, #884800, #6B000F, #111400)
• Cobalt Hollow color palette (#FBE7F7, #5377CF, #8C6800, #555D0F, #07112F)
• Turquoise Workshop color palette (#E3F8ED, #55A8C8, #B47E6F, #A16757, #152D22)
• Magenta Delta color palette (#E2FAFF, #00ADC2, #D635CF, #8C6E00, #00161A)

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