Muted Brick color palette — #FDDAED · #DE6688 · #B40026 · #541800 · #140700

Built around Ruby, softened by Rose — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FDDAED): A whisper-light, dusty pink — the color of a candy shop window.
• Rose (#DE6688): A luminous, balanced red — the color of embers at dusk.
• Ruby (#B40026): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#541800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#140700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Softworn Boulevard color palette (#F4E1E3, #FD5C72, #E60032, #AB0808, #360A00)
• Ember Orchard color palette (#FFE9EA, #E36C49, #954600, #523200, #171000)
• Ancient Terrace color palette (#F1D9DE, #DF534A, #833200, #3A1E00, #040200)
• Plum Orchard color palette (#EDE5F3, #C566B2, #BD0079, #650025, #210001)
• Antique Garnet Ridge color palette (#FFE5FA, #E0675B, #0089A0, #94040B, #00090D)
• Terracotta Chapel color palette (#FFF2ED, #E58C5D, #A64500, #3A1400, #030100)
• Quiet Plum color palette (#FFF0FB, #FED7AA, #AEB864, #B72F64, #1C0600)
• Hushed Bronze color palette (#FFD9CC, #A75A00, #5E3E00, #201A00, #010100)

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