Tempered Brick color palette — #D9F1F1 · #007878 · #A70023 · #004141 · #140001
Built around Garnet, softened by Teal — the whole palette hums with balance.
The five colors
- Frost (#D9F1F1): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007878): A full-bodied, balanced teal — the color of sea glass.
- Garnet (#A70023): A full-bodied, vivid orange — the color of toasted spice.
- Deep Teal (#004141): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#140001): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: 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
- Chestnut Thicket color palette (#CEF0DE, #007493, #844500, #003E51, #0D0400)
- Mulberry Study color palette (#DCE5D0, #007C59, #9A0371, #00432F, #11000A)
- Washed Crimson Corridor color palette (#C5EAF5, #009091, #CB243F, #006161, #140001)
- Hushed Mulberry Canyon color palette (#CDEAEA, #006568, #920033, #6E1C00, #000202)
- Eclipse Garnet color palette (#D8EBD7, #005E5C, #790017, #002626, #140001)
- Hazy Azure color palette (#D5E5E0, #289EF0, #9C4A00, #00578B, #2E1100)
- Hushed Raspberry color palette (#E8E1C2, #D50098, #007D8F, #001210, #000201)
- Ancient Market color palette (#F0E2D7, #956300, #6C3300, #4B0103, #050300)
Browse the whole catalog at Explore, or see today's palette.