Tempered Brick color palette — #FFF2EC · #D77264 · #0089BD · #AE0904 · #00405B

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Coral Clay (#D77264): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#0089BD): A full-bodied, balanced blue — the color of open sky before noon.
• Garnet (#AE0904): A full-bodied, vivid orange — the color of toasted spice.
• Navy (#00405B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tangerine Canyon color palette (#FFF2E9, #EF8137, #0076B7, #904300, #003E64)
• Mulberry Cabin color palette (#FFF2EF, #E06487, #009287, #AA004E, #00453F)
• Hushed Bronze color palette (#EDDACB, #B7672B, #00778C, #723600, #002F38)
• Hazy Pier color palette (#FFF3E4, #BC9960, #6B87CB, #865D00, #2F406B)
• Violet Coast color palette (#FFEBFA, #EE6856, #8F56FF, #AC0A02, #241446)
• Sunlit Sapphire Veranda color palette (#FFF3E2, #CB9A25, #3E5FE7, #765600, #1C3082)
• Linen Denim Study color palette (#F7E5D2, #965F00, #005C9D, #513100, #001C35)
• Feathered Ember Lagoon color palette (#FFF0FA, #FFAE95, #2BD7F8, #E45A2D, #00424F)

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