Tempered Brick color palette — #ECD7EA · #AA2330 · #00575A · #5A000E · #001314
A conversation between Garnet and Espresso, giving this palette its sense of balance.
The five colors
- Thistle (#ECD7EA): A whisper-light, dusty pink — the color of neon signs at night.
- Garnet (#AA2330): A full-bodied, vivid orange — the color of sun-warmed clay.
- Peacock (#00575A): A full-bodied, dusty teal — the color of glacier melt.
- Espresso (#5A000E): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#001314): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Timeworn Coast color palette (#EEE5F5, #99316A, #005662, #540035, #001317)
- Muted Chapel color palette (#F4D4E1, #8D4B00, #005568, #452200, #001219)
- Timeworn Brick Grove color palette (#FCDACC, #AD0314, #3F5100, #550105, #020300)
- Garnet Meadow color palette (#FFE4E0, #930408, #004A4F, #102D44, #170000)
- Sunlit Plum Loft color palette (#E3D8F6, #AA3792, #054C0B, #500043, #011501)
- Ember Lagoon color palette (#F8DBED, #DC5010, #008080, #872B00, #003635)
- Inked Bronze color palette (#F9DDE8, #826900, #243235, #2E1600, #0A0300)
- Moonless Rust color palette (#EBDAD6, #C14C2A, #6F1200, #220400, #0B0100)
Browse the whole catalog at Explore, or see today's palette.