Muted Brick color palette — #C5EBFF · #007297 · #A80022 · #4F3900 · #002331

Garnet and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C5EBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Garnet (#A80022): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#4F3900): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#002331): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

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

• Cobalt Garden color palette (#D0E8FF, #217DC6, #7C2A00, #443E00, #00213C)
• Sunlit Lantern color palette (#DDEEFF, #0068A3, #830406, #332A00, #001A16)
• Weathered Mulberry Field color palette (#BEEEFC, #00777A, #9D006B, #652700, #002526)
• Chalky Sapphire Alley color palette (#DCE8FF, #4A5CDE, #8E0037, #373500, #002A2E)
• Chalky Boulevard color palette (#C6F1D6, #0096B1, #A96500, #7E4A00, #00242C)
• Gentle Quarry color palette (#E8EEFF, #6A64B3, #7E5A00, #205200, #1C2443)
• Chalky Pine Thicket color palette (#C1E9E5, #008132, #854B00, #0E4902, #000F02)
• Aubergine Summit color palette (#CAF0D1, #4674E7, #6D1FA7, #4D3200, #211C5E)

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