Tempered Brick Study color palette — #F4E6D5 · #B33100 · #5D2F00 · #182A00 · #2A0B00
A conversation between Brick and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F4E6D5): A whisper-light, dusty gold — the color of old brass.
- Brick (#B33100): A full-bodied, vivid orange — the color of autumn markets.
- Cocoa (#5D2F00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#182A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#2A0B00): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.
Use it as a design system
One click turns Tempered Brick Study 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
- Tempered Chestnut color palette (#F4E9D4, #915600, #4D3A00, #002D19, #211300)
- Sunlit Brick Bloom color palette (#EDDCC2, #B61E32, #592F00, #002423, #100100)
- Tempered Plum Lagoon color palette (#F7DCC9, #BB0056, #770209, #2B2400, #2C070E)
- Antique Rose Hollow color palette (#FCD7C4, #FF466B, #DA3C00, #7E4400, #2A0900)
- Pale Scarlet color palette (#F3E5CA, #CE5055, #824700, #00413F, #2E0600)
- Hushed Ridge color palette (#FFE0A7, #B06A00, #674E00, #004429, #3A2400)
- Amber Studio color palette (#FFF3E5, #DD7849, #915C1D, #3C5633, #423C37)
- Muted Delta color palette (#F0E9D8, #D072B2, #B15D00, #005991, #31000E)
Browse the whole catalog at Explore, or see today's palette.