Muted Brick color palette — #F8E5EC · #DC708A · #BB1F2E · #8D260C · #5C341D

A conversation between Ruby and Rust, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#F8E5EC): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose (#DC708A): A luminous, balanced red — the color of a theater curtain.
• Ruby (#BB1F2E): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#8D260C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5C341D): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Rust Coast color palette (#F9DBDC, #E2786A, #B53E00, #723700, #4F310D)
• Pale Blush color palette (#F8E6F6, #FF81B3, #CE4F4E, #8B4715, #4D340C)
• Gentle Quarry color palette (#FBDADF, #D83446, #912100, #531C00, #2E1400)
• Terracotta Coast color palette (#FBE8F7, #D96559, #008899, #9F1A17, #003D45)
• Aged Studio color palette (#F7ECF8, #D27AC1, #B2267C, #7C1A40, #56242C)
• Pale Rust color palette (#F7DBEE, #C44F32, #008249, #48539C, #3B2234)
• Timeworn Pier color palette (#FFF0FA, #FFD8BD, #C6A744, #985C64, #4F3443)
• Muted Chestnut color palette (#DCEDE2, #989B6A, #756200, #593E0F, #14382F)

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