Weathered Brick color palette — #F1EDD5 · #788900 · #AF4142 · #424C00 · #2B0003

Brick and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1EDD5): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#788900): A full-bodied, balanced green — the color of a quiet forest floor.
• Brick (#AF4142): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#424C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#2B0003): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Balance. Tagged warm.

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 Pine color palette (#E6EAD4, #188125, #8E3C00, #02430B, #130400)
• Antique Bronze color palette (#CAE7E1, #009C8A, #926A00, #00594E, #1F1400)
• Softworn Ember color palette (#CAE5DD, #82A744, #D7564B, #4F7000, #510706)
• Aged Chestnut Loft color palette (#F4E7DD, #AE7A46, #814100, #531F00, #170B00)
• Bronze Dune color palette (#F4E1C5, #A47600, #007D6B, #5C4100, #001712)
• Powdered Pine Lantern color palette (#EFF5E4, #62B989, #B78050, #00784A, #3D1E00)
• Ancient Moss Workshop color palette (#EBF4DC, #8D9448, #00452A, #00170B, #010200)
• Amethyst Workshop color palette (#CBE4DE, #638D38, #764FBA, #325400, #301756)

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