Muted Brick color palette — #D3E4E0 · #5B9100 · #C22600 · #315100 · #290300

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

The five colors

• Silver (#D3E4E0): bright and airy, almost weightless.
• Olive Leaf (#5B9100): A full-bodied, vivid green — the color of new leaves after rain.
• Brick (#C22600): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#315100): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#290300): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, 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 Pine Ridge color palette (#DEEFED, #008224, #8D3D00, #00430E, #120400)
• Airy Quarry color palette (#D6F0DF, #957E00, #C10069, #544500, #290011)
• Faded Lagoon color palette (#C2E8EC, #00957A, #8D6200, #005343, #1B0F00)
• Tempered Harbor color palette (#E0E0C6, #62B000, #E14D28, #3E7300, #4E0F01)
• Faded Olive color palette (#D7F4EF, #218107, #006B76, #684400, #000E0C)
• Bronze Chapel color palette (#DFEFE6, #908000, #007A7D, #514700, #001617)
• Ancient Chestnut color palette (#F7DCE6, #A47E4F, #7C4600, #4F2300, #001303)
• Softworn Mulberry Studio color palette (#E1E0C5, #6CA021, #882B95, #345400, #3D1543)

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