Weathered Harbor color palette — #F3E6D2 · #8C6200 · #00614B · #003F30 · #140005

Ochre and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F3E6D2): A whisper-light, dusty gold — the color of old brass.
• Ochre (#8C6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#00614B): A full-bodied, balanced teal — the color of sea glass.
• Forest (#003F30): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#140005): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Dusty Chestnut color palette (#F3DFCF, #895200, #005675, #00384E, #140006)
• Muted Parlor color palette (#F7ECDE, #805800, #364540, #1C2900, #100700)
• Pale Forest Veranda color palette (#FFF1F5, #945900, #0B5008, #002353, #040000)
• Patina Bronze color palette (#FFEDCE, #937400, #006C8A, #004B60, #2E001E)
• Ember Station color palette (#FFE5E9, #E45800, #835A00, #374300, #001906)
• Brick Corridor color palette (#FCDFD7, #C70036, #00575C, #003C40, #0F000D)
• Worn Bronze color palette (#F9E5D3, #AB5E00, #00578B, #003264, #160038)
• Timeworn Plum Coast color palette (#FAD9DC, #B2008F, #005A56, #003734, #000903)

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