Weathered Harbor color palette — #F3F7EF · #D1DFDC · #AAAEB8 · #728C4C · #50544C

Olive Leaf and Silver set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EF): bright and airy, almost weightless.
• Silver (#D1DFDC): a clean, paper-quiet neutral.
• Ash (#AAAEB8): a calm mid-gray that lets other colors speak.
• Olive Leaf (#728C4C): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#50544C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Ash color palette (#F2F7F0, #D3DCD8, #A6B4B6, #72A89A, #4F554C)
• Cocoa Coast color palette (#FCF3ED, #D0BF9D, #77885F, #5C6B59, #634800)
• Washed Archive color palette (#EBF4F5, #D1D7DC, #AAABB5, #628B90, #2D393A)
• Muted Abyss color palette (#DAE2DD, #C3B3C3, #9E8791, #004D5E, #10241A)
• Weathered Bronze color palette (#F3F9DD, #B0C8B3, #A18A9B, #945E2D, #5D4A00)
• Spruce Orchard color palette (#D9E2D4, #86A290, #7B6A7D, #00332A, #040C01)
• Softworn Jade color palette (#F4F7E8, #61AB6F, #7E629A, #704933, #403D36)
• Ancient Celadon color palette (#EAFAED, #D8FA98, #6DDDDF, #8E9BCD, #344E41)

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