Worn Brick Harbor color palette — #FFDCCA · #B73100 · #00675D · #004069 · #3E0A00

Brick takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#FFDCCA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#B73100): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#00675D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004069): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3E0A00): 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 Worn 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

• Softworn Canyon color palette (#FFE3DC, #BF2D00, #00667A, #004351, #1C0200)
• Sunlit Lagoon color palette (#FFDDC3, #9F4F00, #006569, #002D99, #341600)
• Plum Terrace color palette (#FEDCD5, #BE005A, #006B39, #00454F, #3E041A)
• Muted Navy Workshop color palette (#FFEADB, #8E4000, #004A48, #06008D, #2A021B)
• Worn Scarlet Delta color palette (#FAD9F2, #F42810, #0084A4, #00627A, #3B0D07)
• Bronze Balcony color palette (#F8E2B4, #AB6E00, #555600, #003C5D, #352600)
• Feathered Harbor color palette (#FAEDD5, #896D00, #00679B, #4D317F, #322407)
• Linen Station color palette (#E5E0D2, #5C5300, #004576, #3B005E, #100E00)

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