Brick Harbor color palette — #CCE8D2 · #B33000 · #533600 · #002A2F · #280D00

Brick takes the lead with Cocoa close behind in a set that reads as optimism and balance at first glance.

The five colors

• Celadon Mist (#CCE8D2): A whisper-light, dusty teal — the color of sea glass.
• Brick (#B33000): A full-bodied, vivid orange — the color of autumn markets.
• Cocoa (#533600): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#002A2F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#280D00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Balance. Tagged retro.

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

• Aged Corridor color palette (#D7F4DD, #8F5700, #413F00, #00273D, #1F1400)
• Faded Meadow color palette (#EADFC8, #B71459, #672500, #002C22, #310107)
• Terracotta Cabin color palette (#F0E0EA, #923600, #0D4301, #002235, #25001F)
• Timeworn Rose color palette (#FFE5F3, #FB5774, #C65A00, #6F5500, #231000)
• Pale Bronze Courtyard color palette (#F7E2B7, #AD6C00, #575600, #003D5B, #362600)
• Cocoa Loft color palette (#F4DBE5, #6A3500, #3D3C35, #160D00, #0A0004)
• Wandering Raspberry color palette (#F2F0E2, #E02E68, #715200, #003A63, #2E0600)
• Bronze Delta color palette (#DFF2E1, #877B28, #404B00, #521523, #1F1B00)

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