Tempered Brick color palette — #F6F1D5 · #708100 · #BE0F29 · #404B00 · #260002

Ruby takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F1D5): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#708100): A full-bodied, balanced green — the color of new leaves after rain.
• Ruby (#BE0F29): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#404B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#260002): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Energy, 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

• Misty Garden color palette (#E6E8D0, #2D8F00, #AB3D00, #175400, #210600)
• Muted Grove color palette (#D9E9E2, #7E8600, #C10037, #3C4000, #040000)
• Aged Balcony color palette (#DBE2D3, #4D7400, #006869, #6D3D00, #040A00)
• Worn Cocoa color palette (#F3DCCC, #AD6C2F, #813C00, #551B00, #140800)
• Bronze Parlor color palette (#EEDBC3, #9D6D00, #007863, #5C3F00, #00140F)
• Bronze Meadow color palette (#DEEEDD, #009A97, #887400, #005F5D, #211A00)
• Feathered Teal Grove color palette (#D3E5C6, #00B291, #B27A00, #00755E, #392400)
• Moss Harbor color palette (#E0E9CC, #888A00, #004423, #001507, #010200)

Browse the whole catalog at Explore, or see today's palette.