Weathered Harbor color palette — #F8F3F9 · #D1E2F3 · #76A0B6 · #4C7C4C · #3E556C

Olive takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Frost (#D1E2F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#76A0B6): A luminous, dusty blue — the color of deep harbor water.
• Olive (#4C7C4C): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#3E556C): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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

• Lagoon Market color palette (#F1F7F2, #CFE3F4, #7ABEC6, #57957B, #415661)
• Aged Turquoise Field color palette (#F5F1EB, #C5E6DB, #58ABB4, #417861, #273B30)
• Softworn Olive color palette (#ECF9F4, #AAB786, #BA83B5, #6B7B26, #61405E)
• Washed Onyx color palette (#EBDFE9, #609AA3, #005073, #00321E, #01024A)
• Washed Pine color palette (#E4FDE5, #BCB27F, #7B9249, #2E7642, #265559)
• Ancient Hollow color palette (#FCF3F0, #BFE5E8, #A9D2BA, #A1A682, #345149)
• Faded Cobalt Chapel color palette (#FEF0FB, #ABD5EA, #0887CB, #00694D, #2B3979)
• Ancient Violet Bloom color palette (#E1FBFE, #65A795, #8383B9, #8863AA, #2C484B)

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