Brick Harbor color palette — #D6F3FD · #007A80 · #A70122 · #003F42 · #180001

Built around Garnet, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#D6F3FD): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007A80): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#A70122): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#003F42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#180001): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, 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

• Misty Brick color palette (#DDF4DC, #007D7C, #A90A01, #004241, #3A0100)
• Softworn Lagoon color palette (#D5E3EC, #00749F, #8C3E00, #003B54, #120400)
• Wandering Mulberry color palette (#C7E8EB, #007E60, #9B0070, #004130, #15000C)
• Pale Scarlet color palette (#D0F6FF, #00A7A1, #DB2F00, #005A56, #160100)
• Worn Cerulean Station color palette (#DBEAF5, #0091C8, #A65C00, #005374, #251000)
• Aged Aubergine color palette (#D7E8EA, #00646F, #7E007F, #4B3800, #000405)
• Timeworn Bronze color palette (#F9D9E6, #936828, #663500, #401100, #080500)
• Washed Harbor color palette (#DBE9F7, #957320, #002C49, #2A2027, #000813)

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