Weathered Harbor color palette — #F4E4E9 · #A36500 · #18382A · #1F1116 · #0A0408

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

The five colors

• Rose Water (#F4E4E9): bright and airy, almost weightless.
• Ochre (#A36500): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#18382A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#1F1116): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#0A0408): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Aged Bronze color palette (#E2F2E9, #92841F, #1D433D, #16211B, #0A0E0A)
• Timeworn Amber color palette (#F4E1CC, #C67C00, #5F4B00, #322D27, #1D1713)
• Ancient Workshop color palette (#ECDEEB, #B84D51, #442635, #1D111C, #08050A)
• Deep Chestnut Studio color palette (#E7DEC5, #705800, #162300, #0B0700, #040001)
• Twilit Fern color palette (#DDF6F0, #346300, #31363E, #002017, #000705)
• Timeworn Alley color palette (#DDFAEA, #9E8F1D, #6775D6, #835693, #082417)
• Pine Hollow color palette (#E9F5EC, #92BEAF, #558255, #5D4D6B, #102D25)
• Iris Station color palette (#E5F7EF, #A6AB4E, #6F88DC, #676A00, #1B2547)

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