Worn Harbor color palette — #F8DFD4 · #BB433D · #37312C · #291B16 · #110B07

A conversation between Brick and Shell Pink, giving this palette its sense of sophistication.

The five colors

• Shell Pink (#F8DFD4): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#BB433D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#37312C): quiet, heavy and certain.
• Onyx (#291B16): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#110B07): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Wandering Plum color palette (#FADDDA, #B44076, #552000, #2B1A18, #120B09)
• Tempered Veranda color palette (#F0E2D2, #986500, #34322B, #271D11, #0F0C06)
• Softworn Workshop color palette (#F1DEED, #CF7068, #415340, #372835, #1B161F)
• Dusty Coral Summit color palette (#EFDFEC, #E39186, #856575, #554351, #1C161D)
• Amber Coast color palette (#FFF3E7, #C17300, #1E83BA, #4A699D, #3C3731)
• Worn Coral Cabin color palette (#FFD5D3, #EF8063, #B7691D, #754F19, #42443D)
• Amber Lagoon color palette (#FFF3E8, #DD883F, #578CCD, #975106, #2A4464)
• Aged Basalt color palette (#F8F5EA, #9ABA95, #45816B, #6E5056, #434700)

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