Muted Brick color palette — #FDF1FB · #DD867F · #706600 · #A30018 · #211E00

Built around Garnet, softened by Watermelon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Watermelon (#DD867F): A luminous, balanced orange — the color of autumn markets.
• Olive (#706600): A full-bodied, balanced green — the color of a quiet forest floor.
• Garnet (#A30018): A full-bodied, vivid orange — the color of sun-warmed clay.
• Onyx (#211E00): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Tangerine Orchard color palette (#FFF0F9, #EC8052, #537000, #8F3500, #00231C)
• Mulberry Summit color palette (#FAF2FF, #DB80A8, #925300, #9B005F, #2E1600)
• Timeworn Mulberry color palette (#F5EFF9, #EB80A9, #4D7A00, #A5005D, #000C09)
• Ember Field color palette (#F3E7EF, #CC674C, #5A5000, #761C00, #001208)
• Amber Studio color palette (#FFE0D6, #D48D4F, #946200, #504300, #323600)
• Antique Amber Study color palette (#E1FEE7, #CB712F, #745E00, #004D61, #4D2D00)
• Rust Pier color palette (#FFF0FC, #B34434, #005F49, #003E6E, #351030)
• Quiet Pier color palette (#E2F8E9, #AC8A00, #006446, #574400, #00170D)

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