Tempered Brick color palette — #F4F1D6 · #5E7900 · #A9050E · #304000 · #3A0102

Garnet and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F1D6): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#5E7900): A full-bodied, balanced green — the color of a quiet forest floor.
• Garnet (#A9050E): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#304000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#3A0102): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Mulberry Villa color palette (#E8E0CE, #7F6D00, #A40052, #433900, #380018)
• Faded Pine Lagoon color palette (#E3EAD6, #008253, #834800, #00452A, #2B1400)
• Bronze Harbor color palette (#FAE6D5, #A56509, #693600, #441900, #221200)
• Chalky Chapel color palette (#F5F6E9, #7DB068, #C96C4D, #407525, #603527)
• Patina Lantern color palette (#D2E4D2, #009193, #786B00, #005456, #2F2900)
• Hushed Forest color palette (#DDE5CB, #006C3B, #00576B, #4D3A00, #001708)
• Aubergine Field color palette (#E7F1D8, #66871E, #700290, #2B3D00, #110019)
• Hushed Olive color palette (#DEE5D4, #7B8200, #383A47, #00301D, #000D05)

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