Washed Brick Harbor color palette — #FFDCCA · #B53400 · #006761 · #003F6C · #3D0B00

A conversation between Brick and Navy, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFDCCA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#B53400): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003F6C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#3D0B00): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

One click turns Washed 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

• Brick Balcony color palette (#F7DCD7, #C51B00, #00657F, #004254, #1D0100)
• Navy Hollow color palette (#FEDEC4, #9E5000, #00656D, #0029A0, #341600)
• Plum Orchard color palette (#FFDBD4, #BE0058, #006B2E, #00454E, #3A0B1A)
• Navy Study color palette (#FFF0E6, #944600, #004944, #0A0085, #280416)
• Worn Ember color palette (#FED7F2, #E94200, #00859F, #006377, #3C0C01)
• Faded Aubergine Loft color palette (#EEDBC0, #805B00, #005A7D, #412172, #261700)
• Frosted Bronze Veranda color palette (#FAE1B9, #AA6E00, #545700, #003C5E, #352600)
• Aubergine Quarry color palette (#F0EBDC, #5B5300, #004185, #410053, #130C00)

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