Quiet Brick color palette — #F4DFD6 · #C80811 · #00606C · #570103 · #000102

Brick and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F4DFD6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#C80811): A full-bodied, vivid orange — the color of toasted spice.
• Peacock (#00606C): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#570103): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Quiet 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

• Wandering Plum color palette (#F9E5EC, #C0006F, #006354, #53002D, #000201)
• Weathered Pier color palette (#F0DCCB, #9D5600, #00588F, #432100, #000103)
• Charred Cabin color palette (#EDE0EC, #881E28, #004254, #400008, #000102)
• Aged Market color palette (#FFEAE1, #D93E34, #00808D, #A0050A, #000709)
• Navy Garden color palette (#F9E7E2, #982400, #00552E, #221884, #040000)
• Deep Ember Orchard color palette (#F9D6C7, #D95500, #6C2200, #180400, #030000)
• Inked Drift color palette (#F1DDED, #990D16, #420E9C, #440004, #07001E)
• Pine Pier color palette (#F1EDFE, #A55F00, #00874B, #0E0C05, #020100)

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