Brick Loft color palette — #FFF1F6 · #CE6581 · #B11A1D · #514500 · #56222A

A conversation between Ruby and Hot Pink, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Hot Pink (#CE6581): A luminous, balanced red — the color of a theater curtain.
• Ruby (#B11A1D): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#514500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#56222A): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged retro, warm.

Use it as a design system

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

• Terracotta Corridor color palette (#E1F5DF, #B96E67, #8F400B, #3B4600, #41253A)
• Peony Study color palette (#FFF0F8, #BD65BA, #99346B, #663800, #521F47)
• Ancient Garnet color palette (#F8D2DF, #B15664, #8C1E00, #383500, #3E1416)
• Quiet Fuchsia Garden color palette (#FCF6D7, #DB79F3, #D44053, #006869, #50282A)
• Brick Drift color palette (#E1F6DF, #B23025, #612B00, #1F2900, #2D0700)
• Soft Ember color palette (#DFFFE2, #D96521, #875200, #165400, #552700)
• Washed Courtyard color palette (#D5FCED, #BE67D6, #B60037, #00484A, #300B26)
• Lowlit Plum Orchard color palette (#EFE5F4, #B22B65, #4B151E, #2D0817, #0F0405)

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