Brick Harbor color palette — #ECDAE4 · #D46C8C · #B62200 · #5E2E00 · #2D2B00

Brick and Rose set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#ECDAE4): A whisper-light, dusty pink — the color of a candy shop window.
• Rose (#D46C8C): A luminous, balanced red — the color of embers at dusk.
• Brick (#B62200): A full-bodied, vivid orange — the color of autumn markets.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#2D2B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Antique Ember color palette (#F5D5DF, #D16055, #964200, #5D3A00, #3D3000)
• Rose Boulevard color palette (#F5D7DC, #E04F58, #A01E00, #562000, #220C00)
• Sunlit Mulberry Boulevard color palette (#E9DBF8, #B365A9, #A4005E, #7F001B, #512400)
• Ancient Amber color palette (#FFE1D4, #C67B48, #7F4300, #472000, #270E00)
• Rust Hollow color palette (#EEDAD9, #A94500, #553900, #292300, #001508)
• Muted Cocoa color palette (#F4D8C7, #BC6240, #00778D, #7D2900, #002F39)
• Soft Ember Field color palette (#E0E1FF, #6ABEFF, #CE5A00, #301F00, #1B1008)
• Bronze Bloom color palette (#FFDCD3, #DA957D, #B36718, #6A4E00, #414913)

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