Tempered Brick color palette — #E0F2F6 · #007D90 · #B2302A · #734700 · #000203

A conversation between Brick and Teal, giving this palette its sense of trust and stability.

The five colors

• Frost (#E0F2F6): bright and airy, almost weightless.
• Teal (#007D90): A full-bodied, balanced blue — the color of deep harbor water.
• Brick (#B2302A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#734700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Black (#000203): quiet, heavy and certain.

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

• Patina Cobalt color palette (#DBEBFD, #0070C6, #985100, #595600, #000206)
• Chalky Plum color palette (#D1EEE7, #008171, #B7006E, #A50041, #000202)
• Wandering Garnet Garden color palette (#F5E3D1, #9D7B24, #895000, #702002, #040400)
• Pale Pier color palette (#E3EFFF, #61A2FF, #828A2E, #986100, #00102E)
• Indigo Drift color palette (#DFE1EE, #6B5FFF, #8B7200, #3E6B29, #060025)
• Faded Raspberry color palette (#DFE2CE, #E6006E, #0085A0, #000E13, #000201)
• Patina Amber color palette (#FDE7FD, #C07026, #0E4888, #001431, #050005)
• Hushed Nightshade Corridor color palette (#D6E6EB, #006376, #482AB3, #004B21, #000203)

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