Muted Brick color palette — #FFF2ED · #F25660 · #778900 · #AE0029 · #364000

A conversation between Garnet and Scarlet, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#F25660): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#778900): A full-bodied, balanced green — the color of a quiet forest floor.
• Garnet (#AE0029): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#364000): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Muted 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

• Linen Mulberry Thicket color palette (#FFF2F0, #E0628F, #957D00, #A80058, #463A00)
• Olive Alley color palette (#FFEADD, #CE704D, #3E8E24, #943100, #203E17)
• Linen Veranda color palette (#FFE5D7, #DC4200, #7F7400, #903688, #4F2012)
• Misty Market color palette (#FFEDE8, #FF4E6C, #00949F, #A61639, #00262A)
• Blush Bloom color palette (#FBF4E8, #C1AF75, #D2779E, #897013, #654340)
• Washed Amber color palette (#FFF3E5, #C78400, #009474, #7E5200, #004635)
• Ancient Crimson color palette (#FEF0FF, #FF8190, #00AFC0, #D22C53, #00434A)
• Quiet Harbor color palette (#FFF3E8, #CF8F5E, #AD6DBA, #985000, #5B353F)

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