Muted Brick Garden color palette — #F6DED4 · #C30810 · #4D2F00 · #550103 · #020100

Built around Ruby, softened by Espresso — the whole palette hums with optimism and energy.

The five colors

• Shell Pink (#F6DED4): A whisper-light, dusty orange — the color of autumn markets.
• Ruby (#C30810): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#4D2F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#550103): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Airy Terrace color palette (#F7E1DE, #BB0068, #621900, #51002A, #040000)
• Softworn Bronze color palette (#EDDDCE, #985400, #3D3700, #412000, #020100)
• Eclipse Chestnut Harbor color palette (#EBE3D7, #814200, #3F2A00, #001A07, #030100)
• Hushed Garnet color palette (#F2E2D9, #B39A87, #A17039, #5E1F00, #0A0300)
• Garnet Study color palette (#FFEBE4, #77001D, #2D2400, #170031, #040002)
• Weathered Peony color palette (#F9E4E1, #EB4682, #4C5300, #710035, #020100)
• Faded Ember color palette (#FFE8DC, #F8571A, #795300, #862700, #060300)
• Timeworn Chapel color palette (#ECE3D8, #B48400, #475F00, #5C4100, #030200)

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