Tempered Brick color palette — #FFF2F0 · #D98175 · #AE1B22 · #680108 · #400807
A conversation between Garnet and Oxblood, giving this palette its sense of warmth and comfort.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Coral Clay (#D98175): A luminous, balanced orange — the color of sun-warmed clay.
- Garnet (#AE1B22): A full-bodied, vivid orange — the color of sun-warmed clay.
- Oxblood (#680108): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#400807): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Warmth, Comfort, Balance. Tagged monochrome, 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
- Weathered Coral color palette (#FFECE8, #FFB4B3, #EA8574, #AC5142, #450008)
- Tempered Terrace color palette (#FFE7E6, #F87B70, #AD4533, #631716, #1E0100)
- Misty Mulberry color palette (#FFF0F5, #DB7CA1, #A6236A, #660C3E, #3D0D23)
- Sunlit Canyon color palette (#FFF2EF, #FF9E96, #CC6157, #7E3233, #400803)
- Chestnut Market color palette (#FFF2EA, #DA975E, #8B4C00, #552A00, #381A00)
- Weathered Canyon color palette (#FFF0FC, #FFCFBC, #EEA25A, #985A5D, #523D4B)
- Patina Chestnut color palette (#DAEEDD, #A69568, #805C00, #5D3C07, #1B3728)
- Washed Lime Harbor color palette (#F8DDE9, #AFC100, #EF8006, #472020, #25191E)
Browse the whole catalog at Explore, or see today's palette.