Muted Brick color palette — #FFF2EC · #D18B7D · #009CA8 · #B03321 · #014C53

Brick takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Camel (#D18B7D): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#009CA8): A luminous, balanced blue — the color of open sky before noon.
• Brick (#B03321): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#014C53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Plum Quarry color palette (#FFF2F0, #CB899E, #009F8E, #A83263, #004E45)
• Feathered Terracotta Canyon color palette (#FFEEE4, #DF8A6E, #00A1AA, #A14423, #132E19)
• Gentle Chestnut Corridor color palette (#FFF3E7, #C49469, #548EC6, #935400, #224566)
• Feathered Rust Chapel color palette (#FFF0F9, #EEA284, #00BBC0, #C55E32, #174957)
• Patina Petrol Meadow color palette (#FFF2EB, #B67662, #3E8D64, #595FAE, #3D3632)
• Worn Amber Veranda color palette (#FFDDC3, #CA6400, #0078AC, #7A3A00, #00324A)
• Chestnut Lagoon color palette (#FCF5E2, #B0A783, #7E7339, #6A4B04, #433F00)
• Misty Sapphire Courtyard color palette (#FFF4E1, #C89C25, #4566D1, #745700, #1E337A)

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