Muted Brick color palette — #FFF2ED · #E3685D · #008F9D · #AE0412 · #00434A

Garnet and Coral Clay set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Coral Clay (#E3685D): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#008F9D): A full-bodied, balanced blue — the color of open sky before noon.
• Garnet (#AE0412): A full-bodied, vivid orange — the color of toasted spice.
• Deep Teal (#00434A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Brick Study color palette (#FFEEE7, #ED6863, #0093A5, #AD001B, #00262B)
• Airy Market color palette (#FDEBDE, #BE7B56, #0082B6, #8A3D00, #003A54)
• Hazy Mulberry color palette (#FFF2F0, #DE6299, #009380, #A60061, #00453B)
• Timeworn Pier color palette (#FFF0FC, #FF857A, #00AFC1, #D23433, #00434B)
• Patina Lapis Pier color palette (#FFE5D8, #D44C2D, #00894A, #4242DE, #521D12)
• Sapphire Courtyard color palette (#FFF3E4, #D59425, #2469DA, #7C5200, #043480)
• Airy Dune color palette (#FFF0FC, #FFACA2, #27D8F2, #E4584F, #00434C)
• Softworn Bronze color palette (#EEDFD2, #A05800, #005F8F, #572D00, #001D30)

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