Worn Harbor color palette — #F2EAE1 · #DC9333 · #008380 · #8A5600 · #011201

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

The five colors

• Cream (#F2EAE1): a clean, paper-quiet neutral.
• Mustard (#DC9333): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#008380): A full-bodied, balanced teal — the color of sea glass.
• Ochre (#8A5600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#011201): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged duotone.

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

• Bronze Parlor color palette (#FBF4EB, #D6AD65, #00919E, #946900, #0D1C11)
• Dusty Pier color palette (#F3E9E3, #F97A4E, #00875A, #AA3700, #091000)
• Sunlit Canyon color palette (#ECF9EE, #E8B12A, #008B6F, #7F5D00, #000102)
• Amber Station color palette (#EEE6D9, #B68B00, #0065A0, #684E00, #000503)
• Sunlit Sapphire Delta color palette (#F0EBE0, #BFA300, #006FD7, #746200, #160617)
• Chalky Mulberry color palette (#EDE5CF, #8D8100, #006E76, #7B0061, #1C1400)
• Worn Delta color palette (#DEF1E4, #A28600, #005E3D, #4F4000, #001111)
• Airy Garden color palette (#F4F3DF, #88C000, #007FBC, #537600, #001322)

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