Muted Brick color palette — #E9D8E8 · #C20031 · #433400 · #540010 · #000200

A conversation between Ruby and Espresso, giving this palette its sense of nature and growth.

The five colors

• Silver (#E9D8E8): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#C20031): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#433400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Espresso (#540010): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged duotone, vibrant.

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

• Faded Studio color palette (#E9E1F0, #B7007D, #552800, #4F0034, #040002)
• Wandering Bronze Garden color palette (#EDDAE3, #A14D00, #1C4000, #451D00, #000201)
• Terracotta Harbor color palette (#F3E9D3, #893A00, #3B2C00, #00171E, #040100)
• Washed Ember Workshop color palette (#F5E0D6, #D55339, #6F4A00, #811600, #030100)
• Peony Boulevard color palette (#F0E5F5, #FD0F85, #4F5200, #710037, #000201)
• Garnet Quarry color palette (#F6DDF1, #710B00, #002E1E, #000F1C, #030004)
• Dusty Scarlet color palette (#FBD8E4, #F62A15, #A35800, #504B00, #040200)
• Weathered Station color palette (#F5E9F0, #B198A2, #68846B, #5F1D00, #0A0107)

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