Muted Brick color palette — #F1D8CF · #AD2936 · #425E00 · #004046 · #35080C

Ruby and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#F1D8CF): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#AD2936): A full-bodied, vivid orange — the color of autumn markets.
• Olive (#425E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004046): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#35080C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, 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

• Washed Mulberry color palette (#F1D7D7, #97397A, #515900, #004140, #300D11)
• Garnet Balcony color palette (#F7E1D8, #971425, #00521E, #002B46, #220002)
• Softworn Bronze color palette (#FFEADC, #A8572C, #5C6902, #004D5C, #37200F)
• Softworn Fern Balcony color palette (#F7DEE9, #974F00, #1F6600, #004034, #110500)
• Worn Chestnut Atelier color palette (#EEDACA, #934D00, #00624C, #00376C, #2C1300)
• Plum Lantern color palette (#EBDCC2, #BB4C65, #6E4100, #003168, #40130D)
• Gentle Scarlet color palette (#F2D8CA, #DE4000, #6B7B00, #00642C, #2F1100)
• Quiet Station color palette (#FFE5ED, #D26A65, #903E00, #4A3200, #292400)

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