Muted Brick color palette — #F7E9D4 · #B22B41 · #5E2E00 · #002B28 · #310300

Ruby and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F7E9D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ruby (#B22B41): A full-bodied, vivid red — the color of embers at dusk.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002B28): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#310300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged retro, 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

• Terracotta Ridge color palette (#ECDFCC, #A14800, #4C3A00, #002934, #241100)
• Worn Plum color palette (#F8EAD2, #A4317B, #77000E, #002D16, #300014)
• Worn Chapel color palette (#EEEADB, #AD0A83, #5A2E00, #002132, #120002)
• Tempered Canyon color palette (#FEE9E1, #982A2C, #363B00, #002429, #180036)
• Tempered Archive color palette (#FFDFCF, #FB67A4, #DB3300, #794E00, #2F0D00)
• Airy Rust color palette (#F8E1BD, #C35B00, #654F00, #003F4E, #3E2100)
• Antique Balcony color palette (#CCECDD, #C14D9F, #854500, #003D59, #2E040F)
• Cocoa Grove color palette (#F5E7D0, #674100, #252600, #000F1C, #050300)

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