Weathered Brick color palette — #FFF2EC · #BE2C00 · #465800 · #004622 · #182144
Brick and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Brick (#BE2C00): A full-bodied, vivid orange — the color of autumn markets.
- Deep Olive (#465800): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004622): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#182144): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Balance. Tagged jewel, vibrant.
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
- Pale Rust color palette (#FFF2EB, #BE3B00, #932C00, #004422, #2A173D)
- Antique Terracotta color palette (#FFE9DF, #A41B12, #543600, #00303C, #280702)
- Weathered Bronze color palette (#FFF3E3, #8B6E00, #495800, #004336, #381637)
- Patina Studio color palette (#F7EDFF, #B03C7E, #4F6400, #004041, #0F0829)
- Wandering Plum color palette (#FFF1F2, #BA1877, #6E4300, #403800, #002A1F)
- Hushed Station color palette (#F4D9FF, #F479AD, #BD3232, #6D3D00, #403700)
- Timeworn Bronze Corridor color palette (#FDF4E6, #927123, #765700, #004D71, #3D2418)
- Weathered Peony color palette (#FDF7D1, #C65EB7, #984400, #004D64, #571F32)
Browse the whole catalog at Explore, or see today's palette.