Brick Harbor color palette — #F4F4FC · #C49CDD · #B5424E · #7A4399 · #2C1F2C

A conversation between Brick and Plum, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#F4F4FC): bright and airy, almost weightless.
• Mauve (#C49CDD): A luminous, balanced violet — the color of a velvet chair.
• Brick (#B5424E): A full-bodied, balanced red — the color of embers at dusk.
• Plum (#7A4399): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#2C1F2C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Balance. Tagged duotone.

Use it as a design system

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

• Tempered Plum Balcony color palette (#F2F5FD, #A2A8EB, #B03D7C, #5353A8, #29202F)
• Airy Bronze color palette (#F7F3FC, #DC94BE, #9D5E00, #8C4170, #301E25)
• Washed Bronze Meadow color palette (#EFF1F9, #B2A8F1, #A2642A, #64599C, #160A0F)
• Wandering Dune color palette (#E9FBEC, #C47CAD, #A04C4E, #1E5C30, #44384B)
• Tempered Plum Boulevard color palette (#FFE7FD, #D893BD, #B4486A, #892A2A, #682200)
• Dusty Amber color palette (#FDF2F7, #C3BAFF, #B98240, #8076B7, #2C2217)
• Wandering Lagoon color palette (#F6F4FA, #E2D7DD, #CDBAC1, #8F6387, #49464F)
• Feathered Mulberry Workshop color palette (#FCF0FF, #EA7992, #7B6100, #A00044, #052412)

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