Tempered Brick color palette — #F2E6D0 · #B22C22 · #553300 · #002425 · #0E0200
A conversation between Brick and Cocoa, giving this palette its sense of optimism and balance.
The five colors
- Parchment (#F2E6D0): A whisper-light, dusty gold — the color of old brass.
- Brick (#B22C22): A full-bodied, vivid orange — the color of toasted spice.
- Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
- Onyx (#002425): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#0E0200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Balance. Tagged retro, muted.
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
- Antique Terrace color palette (#F6EDDC, #935200, #443C00, #002230, #0A0400)
- Wandering Hollow color palette (#EFE1C3, #B21766, #6C1B00, #002519, #120002)
- Pale Summit color palette (#E9E2D5, #993F7B, #5C2F00, #001F58, #31010D)
- Faded Field color palette (#D2F9E5, #DF4B87, #724C00, #002E4A, #0E0000)
- Deep Cocoa Canyon color palette (#F4DCE8, #6D2F00, #34332C, #170C00, #040002)
- Dusty Villa color palette (#FEE8F5, #FF5F7B, #D8470B, #6C4E00, #0E0300)
- Weathered Scarlet color palette (#F4E3C9, #D34D3F, #7B4C00, #004143, #2A0B00)
- Nocturne Cocoa Grove color palette (#E8E0D0, #5B4200, #1C2700, #000A1E, #020100)
Browse the whole catalog at Explore, or see today's palette.