Brick Pier color palette — #F4DDD5 · #C20031 · #124200 · #540010 · #010100

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

The five colors

• Shell Pink (#F4DDD5): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C20031): A full-bodied, vivid orange — the color of sun-warmed clay.
• Forest (#124200): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#540010): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone, vibrant.

Use it as a design system

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

• Powdered Plum color palette (#FCE0DB, #A83B60, #3E3700, #520025, #010100)
• Bronze Archive color palette (#FAE7D8, #A14D00, #00412C, #451D00, #000201)
• Shadow Terracotta Veranda color palette (#FCE8CA, #8C3700, #342F00, #0A0049, #030100)
• Pale Station color palette (#F0E4EF, #CA5B60, #3D5E00, #850020, #010200)
• Ember Thicket color palette (#F4E5ED, #E35F17, #664700, #662400, #000200)
• Bronze Workshop color palette (#EFE7E2, #AC9D8A, #907A32, #592500, #0A0300)
• Softworn Bronze Lantern color palette (#F1E9D6, #8B7800, #004E4D, #403600, #000200)
• Powdered Rose Hollow color palette (#EFE6D9, #E9535A, #9F6000, #1E6200, #030100)

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