Brick Harbor color palette — #DCF3E8 · #0083AB · #BE1300 · #004C65 · #260100

A conversation between Brick and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DCF3E8): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0083AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Brick (#BE1300): A full-bodied, vivid orange — the color of autumn markets.
• Navy (#004C65): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#260100): A deep, shadowed, dusty orange — the color of autumn markets.

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

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

• Misty Brick Grove color palette (#D4EFFF, #008CAC, #B53100, #004354, #040000)
• Patina Cobalt Archive color palette (#DBECE7, #248DDB, #8B3C00, #004878, #1F0800)
• Plum Orchard color palette (#C1E9E8, #008989, #BA0060, #005050, #25000E)
• Dusty Bloom color palette (#CCEAE2, #006CB5, #755000, #003A65, #0A0500)
• Misty Ember color palette (#D0E8FF, #67B5FF, #F93517, #005D9E, #5A0700)
• Hushed Ember Courtyard color palette (#E3E2BE, #E55200, #008AB2, #001119, #000201)
• Aubergine Studio color palette (#DBF1FF, #006988, #7B0083, #003242, #1F0022)
• Washed Magenta Coast color palette (#D7EBE1, #009BC8, #C131D0, #006C8D, #1F0022)

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