Brick Garden color palette — #F5DED3 · #BB2400 · #00482A · #140047 · #040002

Brick and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F5DED3): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#BB2400): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#00482A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Indigo (#140047): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.

Use it as a design system

One click turns Brick Garden 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

• Twilit Chestnut color palette (#F2DDCB, #9A5100, #004644, #28002A, #040002)
• Lowlit Plum color palette (#F5E5E2, #BB0064, #224700, #001337, #000106)
• Smoked Cocoa Lantern color palette (#D8EED7, #674100, #00331F, #001429, #14000F)
• Aged Terrace color palette (#D1EAD4, #A67700, #427400, #004F47, #150200)
• Washed Cocoa color palette (#EFDCBF, #4C585B, #634800, #141A14, #040600)
• Hushed Drift color palette (#F9E3DD, #A68557, #50682B, #322868, #10000C)
• Washed Bronze Balcony color palette (#F9E4C4, #A08400, #505000, #112500, #000501)
• Amber Grove color palette (#FFF3E9, #E97500, #007B78, #6A006A, #240024)

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