Weathered Brick color palette — #F9E7E0 · #AF3A3C · #3B3300 · #4F000A · #020200
Built around Brick, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F9E7E0): A whisper-light, dusty orange — the color of toasted spice.
- Brick (#AF3A3C): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#3B3300): A deep, shadowed, dusty green — the color of new leaves after rain.
- Espresso (#4F000A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Weathered 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
- Ancient Veranda color palette (#FBE5E2, #A24068, #004224, #51002A, #000201)
- Inked Bronze color palette (#EDDBCD, #9E5000, #313700, #3F1C00, #020200)
- Chestnut Basin color palette (#F8E8D0, #8A3F00, #3C2E00, #001C25, #140800)
- Tempered Market color palette (#EBDEEE, #D05076, #4D5A00, #82003A, #010200)
- Charred Quarry color palette (#EDDAD2, #7D0208, #00271D, #000F21, #060004)
- Aged Cocoa color palette (#EEE4DE, #B8A694, #9E7837, #5F2100, #200F04)
- Dusty Harbor color palette (#F1E4D8, #F52612, #9C6200, #535100, #140B00)
- Faded Ember color palette (#FFEEE5, #EC5432, #595800, #821A00, #131300)
Browse the whole catalog at Explore, or see today's palette.