Brick Harbor color palette — #FFDBD2 · #B82E00 · #00627F · #004359 · #3A0F05

Brick and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFDBD2): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#B82E00): A full-bodied, vivid orange — the color of autumn markets.
• Peacock (#00627F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004359): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#3A0F05): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Warmth, Comfort, Balance. Tagged warm.

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

• Feathered Plum color palette (#FFD9E0, #BF0055, #006761, #004743, #3B0919)
• Terracotta Terrace color palette (#FFE6F2, #953600, #00456E, #00304E, #26052B)
• Aubergine Villa color palette (#FFDDEA, #A05B00, #005851, #460076, #3B0034)
• Faded Ultramarine Grove color palette (#E1FFDE, #A36700, #0E65C1, #114989, #3F2500)
• Frosted Ultramarine Cabin color palette (#FFDEBF, #945700, #103EDC, #12328B, #301900)
• Softworn Parlor color palette (#CEE5D0, #825900, #3B46A5, #272F6F, #0B200E)
• Weathered Amber Lantern color palette (#FFF0F9, #CE744E, #5384AD, #46627C, #463841)
• Frosted Navy Lagoon color palette (#FFE0AD, #B36800, #495A00, #2B208B, #362600)

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