Tempered Brick color palette — #F6DEED · #B72D00 · #555700 · #004120 · #000203
Brick takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F6DEED): A whisper-light, dusty pink — the color of a candy shop window.
- Brick (#B72D00): A full-bodied, vivid orange — the color of autumn markets.
- Olive (#555700): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004120): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000203): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged jewel, vibrant.
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
- Scarlet Terrace color palette (#F9E8F6, #D6031E, #774B00, #333B00, #050005)
- Chestnut Loft color palette (#EDE0F1, #007A7E, #6F4C00, #2B3700, #000201)
- Misty Amber color palette (#D7EEDC, #AA8400, #008C6A, #005E68, #000510)
- Airy Drift color palette (#D7DEF3, #5D4CD5, #006345, #00464D, #000206)
- Quiet Brick color palette (#FCE4ED, #DB4373, #B40037, #700108, #0B0100)
- Smoked Aubergine color palette (#DFE1FE, #6E00AC, #373000, #00242A, #02000D)
- Lowlit Garnet color palette (#F3E4F0, #690203, #370101, #000E06, #030004)
- Hazy Magenta Summit color palette (#EFECFC, #BC39C9, #00707A, #00477B, #03000F)
Browse the whole catalog at Explore, or see today's palette.