Tempered Brick color palette — #FFF2ED · #C4CE00 · #A70029 · #40000A · #040000
Garnet and Chartreuse set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Chartreuse (#C4CE00): A luminous, vivid green — the color of fresh herbs.
- Garnet (#A70029): A full-bodied, vivid red — the color of late-summer berries.
- Espresso (#40000A): A deep, shadowed, balanced red — the color of late-summer berries.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Balance. Tagged luxury, dark.
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
- Wandering Mustard color palette (#FFF3E7, #E5C000, #814800, #301700, #020100)
- Chartreuse Basin color palette (#FFF1F2, #86DF2E, #8F2475, #3A002D, #040000)
- Powdered Terrace color palette (#F9DAED, #FCAB44, #D0500D, #7E3515, #1F0317)
- Moss Balcony color palette (#F7DBF0, #A39400, #710B00, #390300, #1D0519)
- Tempered Amber color palette (#FFE6D7, #CE8100, #6B2300, #2B0900, #070100)
- Chalky Coast color palette (#FFF2EC, #FFAA9A, #2F9700, #C61600, #000200)
- Marigold Station color palette (#F4EEDB, #D79200, #403E00, #1D2726, #080800)
- Wandering Olive color palette (#F7F6EA, #E7E1B5, #6E7E4C, #393932, #111005)
Browse the whole catalog at Explore, or see today's palette.