Brick Harbor color palette — #FFF0EA · #BA0025 · #653800 · #003644 · #330010

Built around Ruby, softened by Bronze — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FFF0EA): a clean, paper-quiet neutral.
• Ruby (#BA0025): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#653800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#003644): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#330010): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged jewel, vibrant, 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

• Mulberry Thicket color palette (#FFE9E9, #A5007F, #752800, #003231, #2A001E)
• Weathered Pier color palette (#FFE8D2, #8D5200, #4E4500, #003047, #2B0C00)
• Timeworn Magenta Coast color palette (#EBE8AF, #BD3FB5, #863700, #003C5E, #4B0C28)
• Pale Terracotta Courtyard color palette (#E9DCEC, #DE6DA6, #A61F00, #563100, #2A2700)
• Patina Lagoon color palette (#FFF2EF, #E1CEC4, #B6A38B, #A30E55, #422D29)
• Terracotta Bloom color palette (#F8E0D5, #A61E00, #2B1C00, #210200, #040100)
• Tempered Balcony color palette (#F3E3FF, #A50066, #355200, #00373C, #08001D)
• Pewter Study color palette (#FDF3EC, #A37053, #6E6A31, #00545E, #402D27)

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