Tempered Brick color palette — #FFF2EE · #AB4543 · #005B3D · #003953 · #2D131A

Built around Brick, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Brick (#AB4543): A full-bodied, balanced orange — the color of toasted spice.
• Pine (#005B3D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003953): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#2D131A): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant, muted.

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

• Weathered Bronze color palette (#FFF2E9, #A24C00, #005D5B, #132D74, #311512)
• Soft Plum Bloom color palette (#FFF1F0, #A42B79, #3D5300, #00393F, #2A1521)
• Sunlit Scarlet Atelier color palette (#FFEDE8, #D2223C, #00565C, #003E43, #170414)
• Rust Coast color palette (#FDEFE5, #BB5500, #346200, #004250, #341E4C)
• Dusty Amber Terrace color palette (#FCECD5, #C26B48, #755400, #004954, #352F2A)
• Ember Delta color palette (#FFF0FA, #EA481E, #007C6A, #006152, #16192F)
• Aged Aubergine Garden color palette (#FFF4DD, #796500, #00557D, #540D7C, #3D190F)
• Aubergine Alley color palette (#F0EAD4, #565C00, #004274, #440051, #1E0C00)

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