Tempered Brick color palette — #FFF4DC · #B58B00 · #179B54 · #B13D43 · #120B00
Brick takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#B58B00): A luminous, balanced gold — the color of old brass.
- Kelly Green (#179B54): A luminous, balanced teal — the color of glacier melt.
- Brick (#B13D43): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#120B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, 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 Moss color palette (#FFF3E9, #D37800, #689200, #A6416F, #170800)
- Soft Lantern color palette (#DBFFEB, #B8A827, #00B085, #BE5E44, #201C00)
- Moss Station color palette (#EAFECF, #79A21E, #009592, #9D5600, #080F00)
- Hazy Terracotta Delta color palette (#E4E5B3, #817F00, #007D67, #8E3300, #020200)
- Moss Orchard color palette (#DEFDF7, #50A117, #00849D, #7A3800, #000A08)
- Bronze Loft color palette (#E7FCE8, #C6B07F, #996D14, #643C00, #00180A)
- Tempered Thicket color palette (#E0FEE9, #A6EFD0, #C2DB97, #9E7A38, #241F00)
- Linen Study color palette (#FFF5D2, #E3BD43, #8F7200, #463700, #050300)
Browse the whole catalog at Explore, or see today's palette.