Weathered Brick color palette — #FFF2ED · #FFA8A7 · #5E8F00 · #C80031 · #020200

Ruby takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#FFA8A7): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#5E8F00): A full-bodied, balanced green — the color of new leaves after rain.
• Ruby (#C80031): A full-bodied, vivid orange — the color of sun-warmed clay.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone, 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

• Weathered Emerald Garden color palette (#FFF3E9, #FFAD77, #00965E, #A35100, #000201)
• Antique Mulberry color palette (#FFF1F2, #FF9DE2, #43A722, #9E0081, #000200)
• Softworn Rust Alley color palette (#FFF2EA, #FFCCB1, #00AA90, #C65A00, #040D00)
• Amber Canyon color palette (#FFECF5, #FFAC7B, #B69900, #DB6900, #171100)
• Plum Dune color palette (#FFF1F2, #FF9AEE, #A47400, #B200A2, #030100)
• Amber Atelier color palette (#FAEADE, #E07123, #6F5800, #793600, #050300)
• Ember Villa color palette (#FBEDF8, #EE5042, #575900, #880406, #121300)
• Muted Bronze color palette (#FFF1F2, #FFB173, #9B7A00, #3A4E00, #002413)

Browse the whole catalog at Explore, or see today's palette.